jQuery将动作链接附加到div

Question

//code
 $(document).on("click", ".open-chartModal", function () {
    var spNames = $(this).data('id');
    $("#spNames").val(spNames);

    var separated = spNames.split(";");

    for (var i = 0, length = separated.length; i < length; i++) {
            var chunk = separated[i];

            $('#options').append('<li>@Ajax.ActionLink("Chart", "Chart", 
            new { spName = "'+ chunk +'"   }, new AjaxOptions { }) </li>')

     }
   });

The above is reading 'chunk' as string and not a variable. I want to put spNames = var chunk. Do not know if the single quotes are in correct place.

Answer 1

Try this

var url = '@Ajax.ActionLink("Chart", "Chart",  new { spName = "-1"   }, new AjaxOptions { })';
$('#options').append('<li>' + url.replace('-1', chunk )+ '</li>')

As @Ajax.ActionLink will be rendered by razor. You can't pass JavaScript variables.

You can add an placeholder value & replace it with your variable.

Answer 2

I think you want this:

for (var i = 0, length = separated.length; i < length; i++) {
            var chunk = separated[i];

            $('#options').append('<li>@Ajax.ActionLink("Chart", "Chart",' +
            'new { spName = "'+ chunk +'"   }, new AjaxOptions { }) </li>')

}

Your newline broke your string literal. Need to close it and explicitly concatenate.