JSLite - Ajax
如有疑问欢迎到这些地方交流，欢迎加入JSLite.io组织团伙共同开发！
Ajax
执行Ajax请求。请求地址可以是本地的或者跨域的，在支持的浏览器中通过 Http Access control或者通过 jsonP来完成。
执行Ajax请求。
type：请求方法 ("GET", "POST")
data：(默认：none)发送到服务器的数据；如果是get请求，它会自动被作为参数拼接到url上。非String对象
processData (默认： true)： 对于非Get请求。是否自动将 data 转换为字符串。
dataType：(json,jsonp,xml,HTML, ortext)
contentType：一个额外的"{键:值}"对映射到请求一起发送
headers：(默认：{})： 一个额外的"{键:值}"对映射到请求一起发送
url：发送请求的地址
async：此参数不传默认为true(异步请求)，false同步请求
success(cdata)：请求成功之后调用。传入返回后的数据，以及包含成功代码的字符串。
error(status, statusText)：请求出错时调用。 (超时，解析错误，或者状态码不在HTTP 2xx)。
$.get
$.get(url, function(data, status, xhr){ ... }) ⇒ XMLHttpRequest
$.get(url, [data], [function(data, status, xhr){ ... }], [dataType]) ⇒ XMLHttpRequest
$.get("http://127.0.0.1/api.php?wcj=123", function(cdata) {
console.log("ok", cdata)
},"json")
$.get("http://127.0.0.1/api.php?wcj=123",{"JSLite":4}, function(cdata) {
console.log("ok", cdata)
})
$.ajax(GET)
1.JSLite独有....
$.ajax("GET", "http://127.0.0.1/api.php", {"wcj":"123","ok":'11'},function(cdata) { console.log("ok", cdata)
})
2.通用调用方法
$.ajax({
type:"GET",
dataType:"json",
data:{"nike":"a"},
url:"http://127.0.0.1/api.php",
success:function(data){
console.log("success:",data)
},
error:function(d){
console.log("error:",d)
}
})
$.getJSON
发送一个Ajax GET请求并解析返回的JSON数据。方法支持跨域请求。
$.getJSON(url, function(data, status, xhr){ ... })
$.getJSON("http://127.0.0.1/api.php", function(data){ console.log(data)
})
jsonp
JSONP 方式
$.ajax({
url: "http://127.0.0.1/api.php?callback",
dataType: "jsonp",
success: function(data) {
console.log(data)
}
})
$.ajax({
url: 'http://localhost/api3.php',
dataType: "jsonp",
success: function(data) {
console.log("success:2:",data)
},
error:function(d){
console.log("error:",d)
}
})
$.post
$.post(url, [data], function(data, status, xhr){ ... }, [dataType])
$.post("http://127.0.0.1/api.php", {"nike":0},function(cdata) { console.log("ok", cdata)
})
$.ajax(POST)
1.JSLite独有....
var data = { "key": "key", "from": "from"}
$.ajax("POST", "http://127.0.0.1/api.php", data,function(data) { console.log("ok", data)
},"json")
2.通用调用方法
$.ajax({
type:"POST",
dataType:"json",
data:{"nike":"123","kacper":{"go":34,"to":100}},
url:"http://127.0.0.1/api.php",
success:function(data){
console.log("success:",data)
},
error:function(d){
console.log("error:",d)
}
})
$.ajax({
type:"POST",
dataType:"json",
data:JSON.stringify("{"nike":"123","kacper":{"go":34,"to":100}}"),
url:"http://127.0.0.1/api.php",
success:function(data){
console.log("success:",data)
},
error:function(d){
console.log("error:",d)
}
})
$.ajax({
type:"POST",
dataType:"json",
data:JSON.stringify({"nike":"a"}),
url:"http://127.0.0.1/api.php",
success:function(data){
console.log("success:",data)
},
error:function(d){
console.log("error:",d)
}
})
$.ajax({
type:"POST",
data:{"nike":"a"},
url:"http://127.0.0.1/api.php",
success:function(data){
console.log("success:",data)
},
error:function(d){
console.log("error:",d)
}
})
$.ajax({
type:"POST",
dataType:"json",
data:{"nike":"a"},
url:"http://127.0.0.1/api.php",
success:function(data){
console.log("success:",data)
},
error:function(d){
console.log("error:",d)
},
headers: {
"Access-Control-Allow-Origin":"http://pc175.com",
"Access-Control-Allow-Headers":"X-Requested-With"
},
contentType: "application/json"
})
$.ajaxJSONP
已过时，使用 $.ajax 代替。此方法相对 $.ajax 没有优势，建议不要使用。
$.ajaxJSONP(options) ⇒ 模拟 XMLHttpRequest
load
load() 方法从服务器加载数据，并把返回的数据放入被选元素中。
$(selector).load(URL,data,callback);
必需的 URL 参数规定您希望加载的 URL。
可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。
可选的 callback 参数是 load() 方法完成后所执行的函数名称。
这是示例文件（"demo.txt"）的内容：
<h2>JSLite中AJAX的一个方法！</h2>
<p id="demo">这是一个文本文件</p>
// 把文件 "demo.txt" 的内容加载到指定的 <div> 元素中
$("#div1").load("demo.txt");
//把 "demo.txt" 文件中 id="div1" 的元素的内容，加载到指定的 <div> 元素中：
$("#div1").load("demo.txt #p1");