ajax jsonp跨域

时间：2014-10-24 20:49:26 阅读：198 评论：0 收藏：0 [点我收藏+]

js跨域问题是指：js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。
js跨域参考：http://www.cnblogs.com/2050/p/3191744.html
可以通过jsonp实现js跨域，但是获取的数据必须是脚本文件，例如json。
下面介绍jquery.ajax方法
jQuery.ajax(url,[settings]);url是必填的，其他都是选填的。
常用格式：
$.ajax({
url:url,
type:"get",
dataType: "jsonp",
sucess:function(data){}
});
主要选项介绍：
1)type:请求方式 ("POST" 或 "GET")，默认为GET；
2)dataType:
预期服务器返回的数据类型。如果不指定，jQuery将自动根据HTTP包MIME信息来智能判断,比如XML MIME类型就被识别为XML。在1.4中，JSON就会生成一个JavaScript对象，而script则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后，传递给回调函数。可用值:
"xml": 返回 XML 文档，可用 jQuery 处理。
"html": 返回纯文本 HTML 信息；包含的script标签会在插入dom时执行。
"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了"cache"参数。‘‘‘注意：‘‘‘在远程请求时(不在同一个域下)，所有POST请求都将转为GET请求。(因为将使用DOM的script标签来加载)
"json": 返回 JSON 数据。
"jsonp": JSONP 格式。使用 JSONP 形式调用函数时，如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。
"text": 返回纯文本字符串
3)async:(默认: true) 默认设置下，所有请求均为异步请求。
如果需要发送同步请求，请将此选项设置为false。同步请求将锁住浏览器，用户其它操作必须等待请求完成才可以执行。注意：用jsonp实现跨域，只能使用异步提交，无论你是否设置async。参见：http://api.jquery.com/jQuery.ajax/
原文：Cross-domain requests and dataType: "jsonp" requests do not support synchronous operation. Note that synchronous requests may temporarily lock the browser, disabling any actions while the request is active.
4)data:发送到服务器的数据
data选项既可以包含一个查询字符串，比如 key1=value1&key2=value2 ,也可以是一个映射，比如 {key1: ‘value1‘, key2: ‘value2‘} 。如果使用了后者的形式，则数据会被转换成查询字符串。
5)jsonp:在一个jsonp请求中重写回调函数的名字。这个值用来替代在"callback=?"这种GET或POST请求中URL参数里的"callback"部分，比如{jsonp:‘onJsonPLoad‘}会导致将"onJsonPLoad=?"传给服务器。
6)jsonpCallback:为jsonp请求指定一个回调函数名。这个值将用来取代jQuery自动生成的随机函数名。这主要用来让jQuery生成度独特的函数名，这样管理请求更容易，也能方便地提供回调函数和错误处理。你也可以在想让浏览器缓存GET请求的时候，指定这个回调函数名。
7)username和password选项
如果服务器需要HTTP认证，可以使用用户名和密码可以通过username和password选项来设置。
8)success(data, textStatus, jqXHR):请求成功后的回调函数。
9)timeout:设置请求超时时间（毫秒）。此设置将覆盖全局设置。
注意，当程序中需要发起多个AJAX请求时，则不用再为每一个请求配置请求的参数，所有的选项都可以通过$.ajaxSetup()函数来全局设置。
举例：

$.ajaxSetup({
　　　　timeout: 3000,
　　　　dataType: 'html',
　　　　//请求成功后触发
　　　　success: function (data) { show.append('success invoke!' + data + '<br/>'); },
　　　　//请求失败遇到异常触发
　　　　error: function (xhr, status, e) { show.append('error invoke! status:' + status+'<br/>'); },
　　　　//完成请求后触发。即在success或error触发后触发
　　　　complete: function (xhr, status) { show.append('complete invoke! status:' + status+'<br/>'); },
　　　　//发送请求前触发
　　　　beforeSend: function (xhr) {
　　　　//可以设置自定义标头
　　　　xhr.setRequestHeader('Content-Type', 'application/xml;charset=utf-8');
　　　　show.append('beforeSend invoke!' +'<br/>');
　　　　},
　　})

ajax jsonp跨域

标签：ajax jsonp 跨域

原文地址：http://blog.csdn.net/xyw_blog/article/details/40432267

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行