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, 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: 요청과 함께 전송되도록 매핑된 추가 "{key:value}" 쌍

headers: (기본값: {}): 요청과 함께 전송되도록 매핑된 추가 "{key:value}" 쌍

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🎜
<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){ ... })🎜rrreee

jsonp

🎜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🎜