您的位置:首页 > 其它

jq ajax

2016-04-08 14:06 204 查看
dataType:

•"xml": 返回 XML 文档,可用 jQuery 处理。
•"html": 返回纯文本 HTML 信息;包含的 script 标签会在插入 dom 时执行。
•"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了 "cache" 参数。注意:在远程请求时(不在同一个域下),所有 POST 请求都将转为 GET 请求。(因为将使用 DOM 的 script标签来加载)
•"json": 返回 JSON 数据 。
•"jsonp": JSONP 格式。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。
•"text": 返回纯文本字符串

--get:

$.ajax({
url: 'url',// 跳转到 action
data: {
xxx:1,

yyy:2
},

type: 'get',
dataType: 'json',
success: function (data) {
alert("ok");
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert(XMLHttpRequest.status);
alert(XMLHttpRequest.readyState);
alert(textStatus);
}
});

--post:

$.ajax({
url: 'url',// 跳转到 action
data: {
xxx:1,

yyy:2
},

type: 'post',
dataType: 'json',
success: function (data) {
alert("ok");
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert(XMLHttpRequest.status);
alert(XMLHttpRequest.readyState);
alert(textStatus);
}
});

--跨域情况:

$.ajax({
url: 'url',// 跳转到 action
data: {
xxx:1,

yyy:2
},

type: 'post',
dataType: 'jsonp',//跨域 (不是同一个项目情况下)
success: function (data) {
alert("ok");
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert(XMLHttpRequest.status);
alert(XMLHttpRequest.readyState);
alert(textStatus);
}
});

跨域介绍:http://www.cnphp6.com/archives/65409

跨域后端传递jsonp的格式和json是不一样的所以:

以php为例jsonp返回:

<?php

$arr = array ('username'=>'jack','age'=>21,'gender'=>'male');

echo $_GET['callback']."(".json_encode($arr).")";

?>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: