$ .ajax没有命中控制器

Question

这是我的示例代码：

 $("#btnPost").click(function (e) {
 e.preventDefault();
 $.ajax(
       {
        url: "/api/Flight/FlightList",
        type: "Post",
        dataType: "json",
        data: $('form').serialize() + '&' + $.param({ 'TokenId': $("#pageInitCounter").val() }, true),
       //  data:"",
         success: function (data) {
           // implementation here
          ........................

作为，你可以看到我是否点击按钮，然后它应该点击控制器并发布表格数据，但是它不起作用。在旧版本的chrome中它可以正常工作。

但是昨天我更新了Chrome浏览器。 之后，它不起作用。 如果我尝试这个：

 data:"",

那么它正在击中控制器，但数据为空。 应该怎么做。请有人告诉我。

我正在使用1.9.1版的jquery

Answer 1

在ajax操作中只需添加

异步：是的，

后

数据类型：“ json”，

那应该可以解决您的问题。 Chrome在处理异步调用方面存在问题。

 $("#btnPost").click(function (e) {
 e.preventDefault();
 $.ajax(
       {
        url: "/api/Flight/FlightList",
        type: "Post",
        dataType: "json",
        async: true,
        data: $('form').serialize() + '&' + $.param({ 'TokenId': $("#pageInitCounter").val() }, true),
       //  data:"",
         success: function (data) {
           // implementation here
          ........................

注意：async参数默认为true，因此您无需通过请求传递该参数，因此删除async：false也可以为您完成此操作。