Jquery Ajax chrome 的问题答案

【问题标题】：Problem With Jquery Ajax chromeJquery Ajax chrome 的问题
【发布时间】：2011-05-24 15:29:25
【问题描述】：

您好，我是 jquery 的新手，我在 chrome 中处理这个 ajax 请求时遇到了一些问题。它可以在不发送错误的情况下工作，但您必须单击单选按钮 2-3 次，然后 chrome 才会使用新数据更新#change div

$(':radio').change(function() {




    var size = $('#sizeselect :radio:checked').attr('name');
    var colour = $('input:radio[name=col]:checked').val();



     $('#change').html('<p><img src="ajax-loader-2.gif" width="220" height="19" /></p>');


    $.ajax({
    async: false,
    url : 'php.php',
    type: 'POST',
    dataType: 'html',
    data: 'size=' + size + '&colour=' + colour,
    success : function (data) {
    $("#change").hide().html(data).fadeIn(700);

    }

});         


                    });

有人有什么想法吗？

我已经检查了检查器并且没有抛出任何错误。下面是问题的链接

http://www.regionalartwork.co.uk/jquerytest/index.html

【问题讨论】：

你可能不应该使用async: false，因为这会在请求期间阻止所有其他 JS 执行。
@Matt Ball：+1。它还会从“AJAX”中删除“A”。
尝试按照 Jquery 示例数据发送数据：{ post_size: size, post_color : colour}

标签： php jquery ajax google-chrome

【解决方案1】：

检查您的请求没有花费太多时间，并且 Chrome 没有等待服务器响应。使用 Chrome 的检查器，网络选项卡：

Ctrl + Shift + I 在 Windows 上 Mac 上的 Cmd + Shift + I。

为什么不使用它来调试你的 Js。从您向我们展示的内容来看，它应该可以工作。

【讨论】：

仍然出现错误我已经检查了检查器并且它没有抛出任何错误。下面是问题的链接regionalartwork.co.uk/jquerytest/index.html
我刚刚尝试了链接，你给了。一切正常。我在右侧有一个区域显示加载栏，并且在显示“颜色和大小”后很短。