search

Home >Backend Development >PHP Tutorial >关于Jquery跨域请求php数据

关于Jquery跨域请求php数据

WBOY
WBOYOriginal
2016-06-23 13:43:45902browse

什么引起了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>

 

Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：关于PHP实例化对像，在线等 急Next article：头部信息 User-Agent

Related articles

See more