JSLite - 아약스
궁금하신 점이 있으시면 이런 곳에서 소통하셔도 좋고, 공동개발을 위해 JSLite.io 조직팀에 합류하셔도 좋습니다!
Ajax
Ajax 요청을 수행합니다. 요청 주소는 HTTP 액세스 제어 또는 지원되는 브라우저의 JSONP를 통해 로컬 또는 교차 도메인일 수 있습니다.
Ajax 요청을 수행합니다.
type: 요청 방법("GET", "POST")
data: (기본값: 없음) 서버로 전송되는 데이터입니다. get 요청인 경우 자동으로 매개변수로 URL에 연결됩니다. 문자열이 아닌 객체
processData(기본값: true): Get이 아닌 요청의 경우. 데이터를 문자열로 자동 변환할지 여부입니다.
dataType: (json
,jsonp
,xml
,html
또는text
)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: 요청과 함께 전송되도록 매핑된 추가 "{key:value}" 쌍
url: 요청 보내기 주소
async: 이 매개변수가 전달되지 않으면 기본값은 true(비동기 요청)이고, 동기 요청의 경우 false입니다.$.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 고유... . 🎜rrreee🎜2. 범용 호출 방법🎜rrreee$.getJSON
🎜Ajax GET 요청을 보내고 반환된 JSON 데이터를 구문 분석합니다. 메소드는 도메인 간 요청을 지원합니다. 🎜$.getJSON(url, function(data, status, xhr){ ... })🎜rrreeejsonp
🎜JSONP 메서드🎜rrreee$.post
🎜🎜$. post(url, [data], function(data, status, xhr){ ... }, [dataType])🎜rrreee$.ajax(POST)
🎜1.JSLite 단독 있습니다....🎜rrreee🎜2. 범용 호출 방법🎜rrreee$.ajaxJSONP
🎜은 더 이상 사용되지 않습니다. 대신$.ajax
를 사용하세요. 이 방법은 $.ajax
에 비해 장점이 없으므로 사용하지 않는 것이 좋습니다.
$.ajaxJSONP(options) ⇒ XMLHttpRequest🎜load
🎜🎜load() 메서드를 시뮬레이션하여 서버에서 데이터를 로드하고 반환된 데이터를 선택한 요소에 넣습니다. 🎜🎜$(selector).load(URL,data,callback);🎜필수URL
매개변수는 로드하려는 URL을 지정합니다. 🎜선택적인 data
매개변수는 요청과 함께 전송될 쿼리 문자열 키/값 쌍 세트를 지정합니다. 🎜선택적인 콜백
매개변수는 load()
메서드가 완료된 후 실행되는 함수의 이름입니다. 🎜🎜샘플 파일("demo.txt")의 내용은 다음과 같습니다. 🎜rrreee🎜