jQuery跨域AJAX

这里有两个页面，test.php和testserver.php。

test.php

<script src="scripts/jq.js" type="text/javascript"></script>
<script>
    $(function() {
        $.ajax({url:"testserver.php",
            success:function() {
                alert("Success");
            },
            error:function() {
                alert("Error");
            },
            dataType:"json",
            type:"get"
        }
    )})
</script>

testserver.php

<?php
$arr = array("element1",
             "element2",
             array("element31","element32"));
$arr['name'] = "response";
echo json_encode($arr);
?>

现在我的问题是:当这两个文件都在同一服务器(本地主机或web服务器)，它的工作和警报(“成功”)被调用;如果它在不同的服务器上，即web服务器上的testserver.php和localhost上的test.php，则它不工作，并且alert(“错误”)正在执行。即使AJAX内部的URL更改为http://domain.example/path/to/file/testserver.php

当前回答

我使用Apache服务器，所以我使用mod_proxy模块。使模块:

LoadModule proxy_module modules/mod_proxy.so
LoadModule proxy_http_module modules/mod_proxy_http.so

然后添加:

ProxyPass /your-proxy-url/ http://service-url:serviceport/

最后，将proxy-url传递给脚本。

2012-04-02 11:58:07

其他回答

Jquery文档(链接):

由于浏览器的安全限制，大多数“Ajax”请求都遵循同源策略;请求无法成功地从不同的域、子域或协议检索数据。脚本和JSONP请求不受同源策略限制。

因此，我认为您需要使用jsonp来处理请求。但我自己还没试过。

2010-08-17 19:43:33

我使用Apache服务器，所以我使用mod_proxy模块。使模块:

LoadModule proxy_module modules/mod_proxy.so
LoadModule proxy_http_module modules/mod_proxy_http.so

然后添加:

ProxyPass /your-proxy-url/ http://service-url:serviceport/

最后，将proxy-url传递给脚本。

2012-04-02 11:58:07

你可以通过添加Access-Control-Allow-Origin来控制HTTP头。将其设置为*将接受来自任何域的跨域AJAX请求。

使用PHP真的很简单，只需在脚本中添加以下一行，你想要从你的域访问外部:

header("Access-Control-Allow-Origin: *");

不要忘记在httpd.conf中启用mod_headers模块。

2014-11-29 10:43:53

同源策略确实阻止了JavaScript跨域发起请求，但是CORS规范只允许您正在寻找的那种API访问，并且得到当前一批主要浏览器的支持。

查看如何为客户端和服务器启用跨源资源共享:

http://enable-cors.org/

“跨域资源共享(CORS)是一个实现跨域边界真正开放访问的规范。如果你提供公共内容，请考虑使用CORS将其开放给通用JavaScript/浏览器访问。”

2013-08-29 11:09:47

使用JSONP。

jQuery:

$.ajax({
     url:"testserver.php",
     dataType: 'jsonp', // Notice! JSONP <-- P (lowercase)
     success:function(json){
         // do stuff with json (in this case an array)
         alert("Success");
     },
     error:function(){
         alert("Error");
     }      
});

PHP:

<?php
$arr = array("element1","element2",array("element31","element32"));
$arr['name'] = "response";
echo $_GET['callback']."(".json_encode($arr).");";
?>

echo可能是错误的，我已经有一段时间没用php了。在任何情况下，你都需要输出callbackName('jsonString')，注意引号。jQuery会传递自己的回调名称，所以你需要从get参数中获取。

正如Stefan Kendall所发布的，$.getJSON()是一个简便方法，但随后你需要附加'callback=?'到url作为GET参数(是的，值是?，jQuery用自己生成的回调方法替换它)。

2010-08-17 19:43:33

jQuery跨域AJAX

推荐文章

最新文章

标签