JSLite-Ajax


Si vous avez des questions, vous êtes invités à communiquer dans ces lieux, et vous êtes invités à rejoindre l'équipe d'organisation de JSLite.io pour un développement commun !

Ajax

Effectuez des requêtes Ajax. L'adresse de la requête peut être locale ou inter-domaines, via le contrôle d'accès HTTP ou via JSONP dans les navigateurs pris en charge.

Effectuez des requêtes Ajax.
type : Méthode de requête ("GET", "POST")
data : (Par défaut : aucun) Les données envoyées au serveur ; s'il s'agit d'une requête get, elles seront automatiquement associées à l'url en tant que paramètre. Objet non-String
processData (par défaut : true) : pour les requêtes non-Get. S'il faut convertir automatiquement les données en chaîne.
dataType : (json, jsonp, xml, html ou 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 : une paire "{key:value}" supplémentaire mappée pour être envoyée avec la requête

headers : (par défaut : {}) : une paire "{key:value}" supplémentaire mappée pour être envoyée avec la requête

url : Envoyer la requête L'adresse

async : Si ce paramètre n'est pas passé, la valeur par défaut est true (requête asynchrone), false pour une requête synchrone
success(cdata) : Appelé une fois la requête réussie. Transmettez les données renvoyées et une chaîne contenant le code de réussite. 🎜error(status, statusText) : appelé lorsqu'une erreur de requête se produit. (délai d'expiration, erreur d'analyse ou code d'état autre que HTTP 2xx). 🎜

$.get

🎜🎜$.get(url, function(data, status, xhr){ ... }) ⇒ XMLHttpRequest🎜$.get(url, [data], [function(data, status, xhr){ ... }], [dataType]) ⇒ XMLHttpRequest🎜
<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");

$.ajax(GET)

🎜1.JSLite unique... . 🎜rrreee🎜2. Méthode d'appel universelle🎜rrreee

$.getJSON

🎜Envoyez une requête Ajax GET et analysez les données JSON renvoyées. La méthode prend en charge les requêtes inter-domaines. 🎜$.getJSON(url, function(data, status, xhr){ ... })🎜rrreee

jsonp

🎜Méthode JSONP🎜rrreee

$.post

🎜🎜$. post(url, [data], function(data, status, xhr){ ... }, [dataType])🎜rrreee

$.ajax(POST)

🎜1.JSLite seul Il y a....🎜rrreee🎜2. La méthode d'appel universelle🎜rrreee

$.ajaxJSONP

🎜 est obsolète, utilisez plutôt $.ajax. Cette méthode n'a aucun avantage par rapport à $.ajax et son utilisation n'est pas recommandée. $.ajaxJSONP(options) ⇒ Simulez la méthode XMLHttpRequest🎜

load

🎜🎜load() pour charger les données du serveur et placer les données renvoyées dans l'élément sélectionné. 🎜🎜$(selector).load(URL,data,callback);🎜Le paramètre URL requis spécifie l'URL que vous souhaitez charger. 🎜Le paramètre facultatif data spécifie l'ensemble de paires clé/valeur de chaîne de requête à envoyer avec la requête. 🎜Le paramètre facultatif callback est le nom de la fonction exécutée une fois la méthode load() terminée. 🎜🎜Voici le contenu du fichier exemple ("demo.txt") : 🎜rrreee🎜