jqueryajax跨域的简单介绍

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

jquery ajax跨域访问怎么修改header中的referer的值

ajax 可以加headers对象，例如:

var settings = {

type: "GET",

url:url,

dataType:"jsonp"

error: function(XHR,textStatus,errorThrown) {

alert ("XHR="+XHR+"\ntextStatus="+textStatus+"\nerrorThrown=" + errorThrown);

success: function(data,textStatus) {

$("body").append(data);

headers: {

"Referer":""

}

};

$.ajax(settings);

纯手打，望采纳！

相关问答

Q1: jquery ajax跨域问题，我想通过jquery访问http://61.4.185.48:81/g/，来获得这个页面里面显示的内容

这样是不行的，可以用jq的 .getScript方法。获取服务端的js 里面包括服务端的域名，请求服务端方法服务端response.write("这里调用已经得到的脚本中的方法比如 alert('a')")

Q2: 如何解决ajax跨域问题

1.通过中间过渡层解决跨域问题

（1）通过Web代理服务器将不同域的应用统一通过代理服务器进行隔离，所有的应用都在一个域名下面了。（比如apache，nginx等）

（2）跨域的安全限制都是指浏览器端来说的.服务器端是不存在跨域安全限制的,所以通过本机服务器端通过类似httpclient方式完成“跨域访问”的工作。

2.通过script标签解决跨域问题

注意：凡是拥有"src"这个属性的标签都拥有跨域的能力，比如script、img、iframe

示例：

前台脚本：

Java代码

script type="text/javascript"

var flightHandler = function(data){

alert('你查询的航班结果是：票价 ' + data.price + ' 元，' + '余票 ' + data.tickets + ' 张。');

};

var url = ";callback=flightHandler";

var script = document.createElement('script');

script.setAttribute('src', url);

document.getElementsByTagName('head')[0].appendChild(script);

/script

后台data.jsp内容：

Java代码

%@ page language="java" pageEncoding="UTF-8"%

String callback = request.getParameter("callback");

StringBuilder builder = new StringBuilder();

builder.append(callback).append("({").append("\"code\": \"CA1998\",").append("\"price\": 1780,").append("\"tickets\": 5").append("});");

out.println(builder.toString());

使用jquery的jsonp来实现跨域访问，例子如下：

Java代码

script type="text/javascript"

$(function(){

$.ajax({

type: "get",

async: false,

url: "",

dataType: "jsonp",

jsonp: "callback",

jsonpCallback:"flightHandler",

success: function(json){

alert('您查询到航班信息：票价： ' + json.price + ' 元，余票： ' + json.tickets + ' 张。');

error: function(){

alert('fail');

}

});

/script

Q3: ajax跨域到底是什么意思？能否举个简单例子说明一下？

Ajax请求一个目标地址为非本域（协议、域名、端口任意一个不同）的web资源，并根据响应获得外部应用数据。比如我们用Ajax访问城市天气预报、IP地址等公共服务接口时，就涉及跨域了。我们请求一个外部服务时，浏览器会基于安全问题拒绝授权访问。而script、script、iframe标签的src属性就不存在跨域的问题，所以Ajax跨域就是利用这一点以及js对JSON的支持，外部服务只要给Ajax的请求响应一段JS代码或JSON数据，就能被Ajax获取到。

比如jquery的getScript

$.getScript("//pv.sohu.com/cityjson",function(){//前面加上http

//这个服务给响应的js代码为

//returnCitySN = {cid: "110000", cip: "124.xxx.22.xxx", cname: "北京市"}

//回调函数执行前，外部服务给响应的js代码已被加载到本地，所以可以直接使用。

console.log("cid : " + returnCitySN.cid);

console.log("cip : " + returnCitySN.cip);

console.log("cname : " + returnCitySN.cname);

});

Q4: jQuery ajax跨域请求状态码200不进success回调，求解决！

不要用这个网站的音乐API，不提供jsonp调用

改用百度音乐的即可：