ajax 跨域解决网上资料

2023-01-08 15:09:31

PHP中运用jQuery的Ajax跨域调用实现代码，需要的朋友可以参考下

可以在页面定义一个调用方法，如下：

复制代码代码如下:

function getData(){
$.getJSON("http://123.123.123.123/?callback=?",
{
"m":"data",// 指定php的文件名字
"act":"getdata",// 指定php文件中的方法
"name":"问题儿童"// 传入的参数
},
function(data) {
// 获得返回值
}
});
}

对应链接下（123.123.123.123）的PHP文件，一般默认先调用index.php文件，通过index.php文件内的方法处理后，转到对应的php文件，并且找到对应的方法，执行之。
index.php代码如下：

复制代码代码如下:

<?php
/**
* 入口文件
*/
$string = $_SERVER["REQUEST_URI"];// 获取访问的url
$m = get_m($string);
$file_path = "app/".$m.".php";
define('IS_INDEX',true);// 阻止直接访问app目录
require ($file_path);
/**
*
* 获取访问php文件
* @param string $url
*/
function get_m($url){
$strings = explode('m=', $url);
$res = explode("&", $strings[1]);
return empty($res[0])?'index':$res[0];
}
?>

data.php代码如下：

复制代码代码如下:

<?php
/**
* data文件
*/
$act = !empty($_GET['act']) ? $_GET['act'] : '';
if ($act == 'getdata')
{
$name = "我的名字叫：".$_REQUEST['name'];
echo $_REQUEST["callback"]."(".json_encode($name).")";
}
?>

*****************************************************************************

tml 代码清单：

<script type="text/javascript" src="http://www.youxiaju.com/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function(){
$.ajax(
{
type:'get',
url : 'http://www.youxiaju.com/validate.php?loginuser=lee&loginpass=123456',
dataType : 'jsonp',
jsonp:"jsoncallback",
success : function(data) {
alert("用户名："+ data.user +" 密码："+ data.pass);
},
error : function() {
alert('fail');
}
}
);
})
</script>

服务端 validate.php 代码清单：

<?php
header('Content-Type:text/html;Charset=utf-8');
$arr = array(
"user" => $_GET['loginuser'],
"pass" => $_GET['loginpass'],
"name" => 'response'
);
echo $_GET['jsoncallback'] . "(".json_encode($arr).")";

效果图：

********************************************************

之前一篇博客详细的说明了jsonp协议，jquery ajax封装了jsonp协议，让跨域请求实现如此简单：

$.ajax({
type : "post",
url : "http://www.phpddt.com/ajax/test",
dataType : "jsonp",
jsonp: "callback",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(默认为:callback)
jsonpCallback:"success_jsonpCallback",//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名
success : function(json){
alert('success');
},
error:function(){
alert('fail');
}
});

服务器端处理如下：

$data = .......
$callback = $_GET['callback'];
echo $callback.'('.json_encode($data).')';
exit;

当使用jsonp时，使用 JSONP 形式调用函数时，如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。

******************************************

一个没那么难的历史难题，其实只要在被请求端，加一句：

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

然后……然后没有了。

******************************

示例one

javascript客户端代码：
         $.getJSON("http://www.xxx.com/***.php?callback=?",{
                 info: info,
                 format: "json"
              },
              function(data) {
                  alert(data);
              }
         );
-------------------------------------------------------------------------------------------------

php服务端代码：
$callback = isset($_GET["callback"]) ? $_GET["callback"]:"callback";
$getstr = isset($_GET["ajaxstr1"]) ? $_GET["ajaxstr1"] : "";
$data = array('type'=>1);
echo $_GET['callback'].'('.json_encode($data).')';
exit;
=============================================================================================

示例two

javascript客户端：
$.ajax({
         type: "Get",
         url: "http://www.baidu.com/?UserId=1001",
         cache: false,
         error: function () { },
         jsonp: "callback",
         dataType: "jsonp",
         success: function (result) {
            alert(result.info);
         }
   });

---------------------------------------------------------------------------------------------

php服务器端：

$classid=$_GET['classid'];

$num=$_GET['num'];

if($classid&&$num){
$results = array("key" => "value"); 
     echo $_GET['callback'] . '(' . json_encode($results) . ')'; 
}
但是目前鉴于ie浏览前支持P3P协议（W3C标准的安全协议），而firefox和chrome还不支持，所以在本地搭建环境做测试的时候会发现ie下无法实现跨域调用session去验证数据，只要在php文件头部添加下面的代码即可。
header('P3P:CP="IDC DSP COR ADM DEVi TAIi PSA PSD IVAi IVDi CONi HIS OUR IND CNT"')

码农公寓

相关文章