Jika anda mempunyai sebarang pertanyaan, anda dialu-alukan untuk berkomunikasi di tempat-tempat ini, dan anda dialu-alukan untuk menyertai pasukan organisasi JSLite.io untuk pembangunan bersama!

Ajax

Lakukan permintaan Ajax. Alamat permintaan boleh menjadi setempat atau merentas domain, melalui kawalan akses HTTP atau melalui JSONP dalam pelayar yang disokong.

Lakukan permintaan Ajax.
jenis: Kaedah permintaan ("GET", "POST")
data: (Lalai: tiada) Data yang dihantar ke pelayan; jika ia adalah permintaan dapatkan, ia akan disambung secara automatik ke url sebagai parameter. Objek bukan Rentetan
processData (lalai: benar): untuk permintaan bukan Dapatkan. Sama ada hendak menukar data kepada rentetan secara automatik.
dataType: (json, jsonp, xml, html atau text) json, jsonp, xml, html, or text)
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()contentType: Pasangan tambahan "{key:value}" dipetakan untuk dihantar bersama-sama dengan permintaan

url: Hantar permintaan Alamat