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
outext
)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()
contentType : 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$.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){ ... })🎜rrreeejsonp
🎜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ètreURL
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🎜