原生JS写AJAXリクエスト
1061 ワード
原生JS写AJAXリクエスト
JQueryにはAJAXリクエストに関するものがあり、かつ強力な互換性と機能を持っているが、学習過程では最も簡単なものから始めなければならないので、ここではウェブ編集学習入門時に最も基本的なオリジナルJSで書かれたAJAXリクエストを提供する.
入門学AJAXが要求したばかりであれば、コードの論理は1、newのxhrオブジェクトをよく知っています.2、xhrオブジェクトを呼び出すopenメソッド.3、sendのいくつかのデータ.4、サーバーの応答プロセスを傍受して、サーバーが正しく応答したかどうかを知り、それから何かをすることができます.たとえば,サーバ応答の内容を取得し,ページ上に提示する.AJAX初心者にお願いしている学習者の役に立つことを願っています.
JQueryにはAJAXリクエストに関するものがあり、かつ強力な互換性と機能を持っているが、学習過程では最も簡単なものから始めなければならないので、ここではウェブ編集学習入門時に最も基本的なオリジナルJSで書かれたAJAXリクエストを提供する.
function ajax(method, url, data, fn) {
let htp = null;
try {
htp = new XMLHttpRequest()
} catch (err) {
htp = new ActiveXObject("Microsoft.XMLHTTP")
}
if (method == "get") {
htp.open(method, url + "?" + data);
htp.send()
} else {
htp.open(method, url);
htp.setRequestHeader('content-type', 'application/x-www-form-urlencoded');
htp.send(data)
}
htp.onreadystatechange = function() {
if (htp.readyState == 4 && htp.status == 200) {
fn(htp.responseText)
}
}
}
入門学AJAXが要求したばかりであれば、コードの論理は1、newのxhrオブジェクトをよく知っています.2、xhrオブジェクトを呼び出すopenメソッド.3、sendのいくつかのデータ.4、サーバーの応答プロセスを傍受して、サーバーが正しく応答したかどうかを知り、それから何かをすることができます.たとえば,サーバ応答の内容を取得し,ページ上に提示する.AJAX初心者にお願いしている学習者の役に立つことを願っています.