关于Jquery跨域请求php数据-php教程-PHP中文網

首頁

後端開發

php教程

关于Jquery跨域请求php数据

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 23, 2016 pm 01:43 PM

什么引起了ajax不能跨域请求的问题？

ajax本身实际上是通过XMLHttpRequest对象来进行数据的交互，而浏览器出于安全考虑，不允许js代码进行跨域操作，所以会警告。跨域的安全限制都是指浏览器端来说的，服务器端是不存在跨域安全限制的。所以针对这2种情况衍生出2类跨域解决方案，一类是服务器端做中转类似代理方式，一类是js处理浏览器端的真正跨域访问。

<script type="text/javascript" src="./jquery-1.6.4.min.js"></script>  <script type="text/javascript">      function short(){          var url_long=$("#url_long").val();          var source=$("#source").val();          var request = "http://api.t.sina.com.cn/short_url/shorten.json?url_long="+url_long+"&source="+source+"&callback=?";          //&callback=? 必须加上，myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。jquery api 文档上有说明。          $.ajax({              dataType: "jsonp",//跨域访问 dataType 必须是jsonp 类型。              url: request,              type:"GET",              jsonp:"callback",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(一般默认为:callback)            jsonpCallback:"flightHandler",//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名，也可以写"?"，jQuery会自动为你处理数据            success: function(response) {                  $("#shortUrl").html("短地址为："+response[0].url_short);              },               error: function(XMLHttpRequest, textStatus, errorThrown) {                  alert("status"+XMLHttpRequest.status);                  alert("readyState"+XMLHttpRequest.readyState);                  alert("textstatus"+textStatus);                  alert(errorThrown);              }          });          return false;      }      </script>  });

登入後複製

php后端：

ult = json_encode(array($data));echo "flightHandler($result)";//此处的flightHandler是上面$ajax中jsonpCallback定义的名称,由于jquery已经封装好了jsonp可以直接拿去用。//当使用jsonp时，使用 JSONP 形式调用函数时，如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。//有人建议此处的函数名称可以弄成动态获取的，为了实现不同的操作代码范例：$method = isset($_GET[‘method’])?trim($_GET[‘method’]):’flightHandler’;//获取方法名称$result = json_encode(array($data));echo $method ."($result)";

登入後複製

或者

 print_r($_GET['callback'] . '(' . urldecode(json_encode($rs_info_arr)) . ')');

登入後複製

注意两点:
1. datatype 必须为jsonp
2.callback=? 必须加上，开始没加上，success：function 一直没有响应（返回了数据）。
3.charset="utf-8" 为utf-8 ,文件的保存格式也应该是encoding utf-8 。

如果采用form 表单提交，不需考虑跨域问题。

<html lang="zh" xml:lang="zh" xmlns="http://www.w3.org/1999/xhtml"><head><meta content="text/html; charset=utf-8" http-equiv="Content-Type"> meta charset="utf-8"> <title>Tools</title></head><body >  <div> 欢迎使用地址转写工具，请输入链接<br><br>  <form action="http://api.t.sina.com.cn/short_url/shorten.json" method="get">物品链接：<input type="string" name="url_long" /><br>      APIkey     <input type="string" name="source" value="1681459862" /><br><br>  <input type="submit" name="submit" value="提交" />  </form>  </div></body>

登入後複製

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

熱工具

熱門話題

gmail信箱登陸入口在哪裡

7741

Java教學

1643

CakePHP 教程

1397

Laravel 教程

1291

PHP教程

1233

Related knowledge

支付寶PHP SDK轉賬報錯：如何解決'Cannot declare class SignData”問題？ Apr 01, 2025 am 07:21 AM

支付寶PHP...

會話如何劫持工作，如何在PHP中減輕它？ Apr 06, 2025 am 12:02 AM

會話劫持可以通過以下步驟實現：1.獲取會話ID，2.使用會話ID，3.保持會話活躍。在PHP中防範會話劫持的方法包括：1.使用session_regenerate_id()函數重新生成會話ID，2.通過數據庫存儲會話數據，3.確保所有會話數據通過HTTPS傳輸。

在PHP API中說明JSON Web令牌（JWT）及其用例。 Apr 05, 2025 am 12:04 AM

JWT是一種基於JSON的開放標準，用於在各方之間安全地傳輸信息，主要用於身份驗證和信息交換。 1.JWT由Header、Payload和Signature三部分組成。 2.JWT的工作原理包括生成JWT、驗證JWT和解析Payload三個步驟。 3.在PHP中使用JWT進行身份驗證時，可以生成和驗證JWT，並在高級用法中包含用戶角色和權限信息。 4.常見錯誤包括簽名驗證失敗、令牌過期和Payload過大，調試技巧包括使用調試工具和日誌記錄。 5.性能優化和最佳實踐包括使用合適的簽名算法、合理設置有效期、

在PHPStorm中如何進行CLI模式的調試？ Apr 01, 2025 pm 02:57 PM

在PHPStorm中如何進行CLI模式的調試？在使用PHPStorm進行開發時，有時我們需要在命令行界面（CLI）模式下調試PHP�...

描述紮實的原則及其如何應用於PHP的開發。 Apr 03, 2025 am 12:04 AM

SOLID原則在PHP開發中的應用包括：1.單一職責原則（SRP）：每個類只負責一個功能。 2.開閉原則（OCP）：通過擴展而非修改實現變化。 3.里氏替換原則（LSP）：子類可替換基類而不影響程序正確性。 4.接口隔離原則（ISP）：使用細粒度接口避免依賴不使用的方法。 5.依賴倒置原則（DIP）：高低層次模塊都依賴於抽象，通過依賴注入實現。