MVC - Ajax - несогласованность между Chrome и IE 9

Question

У меня есть вид MVC, где я выполняю некоторые подкачки данных, используя компонент PagedList. Мой JavaScript, чтобы поддержать это выглядит следующим образом:

$(function() { 

    var getPage = function() { 
     var $a = $(this); 

     var options = { 
      url: $a.attr("href"), 
      type: "get" 
     }; 

     $.ajax(options).done(function (data) { 
      var target = $a.parents("div.pagedList").attr("data-ExchangeSite-target"); 
      data: $("form").serialize(), 
      $(target).replaceWith(data); 
     }); 

     return false; 
    }; 

    $(".main-content").on("click", ".pagedList a", getPage); 

}); 

Мои .cshtml выглядит файл, в частности, как это:

@model ExchangeSite.Entities.BicycleSearchSeller 

    <div id="itemList"> 

     <div class="pagedList" data-ExchangeSite-target="#itemList"> 
      @Html.PagedListPager(Model.BicycleSellerListingList, pageNumber => Url.Action("Index", new {pageNumber}), 
      PagedListRenderOptions.ClassicPlusFirstAndLast) 
     </div> 
    ... 
    ... 

В IE9, это работает отлично. Когда я нажимаю на определенный номер страницы или следующую/предыдущую страницу, для моего контроллера обновляется список асинхронных вызовов («itemList»). Тем не менее, в Chrome два вызова выполняются на моем контроллере. Один - это вызов Ajax, другой - нет. Может ли кто-нибудь сказать мне, почему в Chrome два звонка поступают на мой контроллер? Если вам нужно увидеть больше кода, пожалуйста, дайте мне знать.

Answer 1

Там, кажется, некоторые ошибки в линии Вашего успеха обратного вызова:

data: $("form").serialize(), 

Он завершается с запятой вместо запятой. Он также содержит двоеточие после data. IE может быть немного более терпимым к сломанному javascript по сравнению с Google Chrome.