无法在 ajax 调用中访问 Url.Action 中的项目

Question

I have a Ajax call and inside the success function i have a $.each loop.When i try to use dtl it shows me 'The Name dtl doesn't exist in the current context'

Code

$.ajax({
            url: $("#getAllNewsBasicDetails").val(),
            cache: false,
            type: "POST",
            success: function (_newsDetails) {

                $.each(newstype, function (i, dtl) {
                        content = '';

                        content += '<a href="#" class="text-black">' + dtl.NewsTitle + '</a>';
                        content += '<a class="btn btn-sm btn-primary" href="@Url.Action("NewsDetails", "News",new{@NewsId=dtl.NewsId })">'; // In here it shows 'The Name dtl doesn't exist in the current context'
                        content += '</div>';

                    $("#searchItems").prepend(content);
            });
        }

Answer 1

Please change your ajax action as follows:

$.ajax({
    url: $("#getAllNewsBasicDetails").val(),
    newsUrl: '@Url.Action("NewsDetails", "News",new{@NewsId=-100000 })',
    cache: false,
    type: "POST",
    success: function (_newsDetails) {

        $.each(newstype, function (i, dtl) {
                var newsUri = newsUrl;              
                content = '';
                content += '<a href="#" class="text-black">' + dtl.NewsTitle + '</a>';
                content += '<a class="btn btn-sm btn-primary" href="'+ newsUri.replace("-100000", dtl.NewsId)+'">';
                content += '</div>';

            $("#searchItems").prepend(content);
    });
}