Почему if (Request.IsAjaxRequest) является ложным

Question

Я хотел иметь гиперссылку, которая при нажатии открывается на той же странице, без обновления полной страницы, а не открытия другой ссылки. В моем контроллере я следующая функция

public ActionResult PrivacyPolicy() 
{ 
    if (Request.IsAjaxRequest()) 
    { 
     return PartialView(); 
    } 
     return View(); 
} 

, когда я запустить программу и вставить точку останова в return view(); Я понимаю, что моя программа всегда возвращает view() вместо PartialView();

вот index.cshtml код

@section head{ 

    <script type="text/javascript" 
      src="@Url.Content("~/scripts/AjaxDemo.js")"></script> 
} 
@Html.ActionLink("Show the Privacy Policy", "PrivacyPolicy", null, new{id="privacyLink"}) 

<div id="privacy"></div> 

в частичном виде PrivacyPolicy У меня всего несколько текстов.

и AjaxDemo.js выглядит следующим образом

$(document).ready(function() { 
    $('#privacyLink').click(function (event) { 
     event.preventDefault(); 
     var url = $(this).attr('href'); 
     $('#privacy').load(url); 
    }); 
}); 

почему моя программа не возвращать частичный вид? или почему он не принимает запрос ajax? Должна ли моя программа открывать ссылку на той же странице индекса (CustomAjax), если включен javascript в моем браузере?

Answer 1

IIRC event - зарезервированное слово. Попробуйте так:

$('#privacyLink').click(function (e) { 
    e.preventDefault(); 
    var url = $(this).attr('href'); 
    $('#privacy').load(url); 
}); 

или:

$('#privacyLink').click(function() { 
    var url = $(this).attr('href'); 
    $('#privacy').load(url); 
    return false; 
}); 

Также не забудьте включить jquery.js до того вашего AjaxDemo.js сценария.

Answer 2

Если вы выполняете загрузку jQuery, он фактически выполнит обычный запрос и затем загрузит полученные данные внутри данного элемента.

Вы должны удалить пользовательский JavaScript код, использовать встроенный в Ajax хелперов и указать updateTargetID в AjaxOptions:

@Ajax.ActionLink("Show the Privacy Policy", "PrivacyPolicy", null, new{id="privacyLink"}, new AjaxOptions {UpdateTargetId = "privacy"}) 

    <div id="privacy"></div> 

EDIT: Добавление больше информации о IsAjaxRequest():

Когда вы делаете запрос Ajax, вы должны установить HTTP-заголовок X-Requested-With на XMLHttpRequest'. Internally,. IsAjaxRequest проверяет наличие этого заголовка.

Если вы используете jQuery.Ajax или по умолчанию Ajax-помощники, этот заголовок будет включен. Если вы используете jQuery.load(), этот заголовок не включен. jQuery.load не позволяет настраивать настраиваемые заголовки.

Редактировать Для того, чтобы использовать Ajax.ActionLink вам необходимо включить ненавязчивую библиотеку Ajax и включить его в web.config:

<configuration> 
    <appSettings> 
     <add key="UnobtrusiveJavaScriptEnabled" value="true"/> 
    </appSettings> 
</configuration> 

В дополнение к установке флага, вам также потребуется включить плагин MVC для ненавязчивого Ajax с jQuery (~/Scripts/jquery.unobtrusive-ajax.js).