2011-05-24 133 views
0

嗨即时通讯新的jQuery,我一直有这个问题在这个ajax请求在铬。它的工作原理,不发送错误,但你必须点击单选按钮2-3次Chrome更新,用新的数据问题与jQuery的Ajax铬

$(':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); 

    } 

});   


        }); 

任何人有任何想法#change DIV过吗?


仍然有问题我检查了检查员,并没有发现任何错误。下面是对问题

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

+4

您可能不应该使用'async:false',因为这会在请求期间阻止所有其他JS执行。 – 2011-05-24 15:32:30

+2

@Matt球:+1。它也从'AJAX'中删除'A'。 – Spudley 2011-05-24 15:33:58

+2

尝试根据Jquery示例数据尝试发送数据:{post_size:size,post_color:color} – 2011-05-24 15:34:31

回答

0

退房的链接,你的请求不占用太多的时间和浏览器无法等待服务器响应。使用Chrome的Inspector,网络标签为:

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

为什么不用它来调试你的Js。从你向我们展示的内容看,它应该起作用。

+0

仍然出现问题我检查了检查器并且没有发现任何错误。下面是一个问题的链接 http://www.regionalartwork.co.uk/jquerytest/index.html – 2011-05-24 21:24:16

+0

我刚刚试过链接,你给了。一切正常。显示“颜色和大小”后,右侧有一个显示加载条的区域。 – 2011-05-25 12:37:58