Question

当我将客户端站点从开发站点移动到他们自己的站点（基本上使用VPS进行相同的设置）时，我的jQuery脚本停止工作。

jQuery(document).ready(function() {
    jQuery('input[name=button]:button').click(function(){
    jQuery("#show").html('<center><img src="http://xxxx/images/ajax-loader.gif"></center>');
    jQuery.get("http://xxx/inc/usrreg_ajax.php",{
    namn: jQuery("input[name='namn']").val(),
    nyhetsbrev: jQuery("input[name='news']").val()}, 

    function(data){
        jQuery("#show").fadeIn("slow").html(data);

    });
});
});

我正在使用html

<div id="registering" style="margin-top: 15px;">
<div style="float:left;">
<label for="namn">Namn:</label><br/>
<input type="text" name="namn"><br/>

<input type="checkbox" name="news" value="ja">Ja, jag vill ha nyhetsbrev! <br/>
<div style="clear:both;"></div>
<input type="button" name="button" value="Anmäl dig!">
<div id="show"></div>
</div>

移动后我没有做任何更改，jQuery脚本在开发站点上工作得很好。

非常感谢任何输入！

一切顺利，貂

Answer 1

xxx/inc/usrreg_ajax.php与新网站位于同一个域中吗？

您必须记住，出于安全原因，存在相同的原始策略，阻止您从其他域网址执行ajax调用。

http://en.wikipedia.org/wiki/Same_origin_policy

由于浏览器安全限制，大多数“Ajax”请求都受制于同源政策;请求无法成功检索数据来自不同的域，子域或协议

您可以将jsonp用于不同的域名调用，但是您必须使用jQuery.ajax，并且无法像现在这样简单地使用html

Answer 2

我在这里测试它http://jsfiddle.net/bingjie2680/D4NuF/并且它可以工作（让图像显示出来），jQuery库的链接一定存在问题。

jQuery ajax停止了工作

2 个答案: