原生JS写AJAXリクエスト


原生JS写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初心者にお願いしている学習者の役に立つことを願っています.