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文件，并且找到对 在Web开发中，跨域（Cross-Origin）是一个常见的问题，它限制了JavaScript从一个源（Origin）向另一个源发送请求。然而，为了实现前后端分离或者API接口的调用，有时候我们需要突破这种限制。本篇文章将详细介绍如何在PHP中利用jQuery的Ajax功能，通过JSONP（JSON with Padding）技术来实现跨域调用。 我们来看标题提到的jQuery的Ajax调用代码： ```javascript function getData() { $.getJSON("http://123.123.123.123/?callback=?", { "m": "data", // 指定php的文件名字 "act": "getdata", // 指定php文件中的方法 "name": "问题儿童" // 传入的参数 }, function(data) { // 获得返回值 }); } ``` 这段代码使用了jQuery的`$.getJSON`函数，这是一个异步请求JSON数据的方法。`http://123.123.123.123/?callback=?`是请求的URL，`callback=?`表示使用JSONP机制，`?`会被替换为实际的回调函数名。参数对象中包含要传递给服务器的数据。 服务器端，我们有以下两个文件： 1. **index.php** 是入口文件，它会根据请求的URL解析出要调用的PHP文件和方法。示例代码如下： ```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]; } ?> ``` 2. **data.php** 是实际处理请求的文件，根据`act`参数执行相应操作。当`act`为`getdata`时，它会返回一个JSON格式的数据包裹在回调函数中。示例代码如下： ```php <?php /** * data文件 */ $act = !empty($_GET['act']) ? $_GET['act'] : ""; if ($act == 'getdata') { $name = "我的名字叫：" . $_REQUEST['name']; echo $_REQUEST["callback"] . "(" . json_encode($name) . ")"; } ?> ``` 当`getData`函数被调用时，浏览器会发送一个带有`callback`参数的GET请求到指定URL。服务器端的`data.php`接收到请求后，生成一个包含JSON数据的函数调用字符串，例如`myCallback({"name":"我的名字叫：问题儿童"})`，并返回给客户端。由于JSONP的特性，这个字符串会被当作JavaScript执行，从而调用前端定义的`myCallback`函数，并将数据作为参数传递。 总结起来，这个例子展示了如何使用jQuery的Ajax结合JSONP实现跨域调用。JSONP的工作原理是利用`<script>`标签可以不受同源策略限制的特性，通过动态插入`<script>`标签，让服务器返回一个JavaScript函数调用，从而在客户端执行并获取数据。这种方式简单但存在一定的安全风险，因为它无法提供像Ajax那样的错误处理和HTTP状态码检查。然而，在很多情况下，JSONP仍然是实现跨域请求的一个有效手段，尤其在不支持CORS（跨源资源共享）的旧版浏览器中。