ajaxを達成するためのネイティブな方法

• AJAXは非同期のJavaScriptとXMLです。これは、Webページ全体をリロードせずにWebページの一部を更新できるテクノロジーです。
• 従来のWebページ（AJAXを使用しない）のコンテンツを更新する必要がある場合は、Webページ全体をリロードする必要があります。
• AJAXを使用する多くのアプリケーションケースがあります：Sina Weibo、Google Maps、Kaixinなど。

ネイティブメソッドを使用してAjaxを実装する手順：

1.XMLHttpRequestオブジェクトを作成します

最新のブラウザ（IE7 +、Firefox、Chrome、Safari、Opera）にはすべて、XMLHttpRequestオブジェクトが組み込まれています。

古いバージョンのInternetExplorer（IE5およびIE6）はActiveXオブジェクトを使用します

。2。サーバーに要求を送信します

（1）取得要求を送信します

xmlhttp.open（“ GET”、“ test1.txt”、true）;

GETメソッドを介して情報を送信する場合は、URLに情報を追加してください。

（2）POSTリクエストを送信する

HTMLフォームのようにデータをPOSTする必要がある場合は、setRequestHeader（）を使用してHTTPヘッダーを追加します。次に、send（）メソッドで送信するデータを指定し

ます。3。サーバーが応答します。

サーバーから応答を取得するには、XMLHttpRequestオブジェクトのresponseTextまたはresponseXMLプロパティを使用します。

（1）responseText

responseTextプロパティは、次のように使用できる文字列の形式で応答を返します。
（2）responseXML

サーバーからの応答がXMLであり、XMLオブジェクトとして解析する必要がある場合は、responseXML属性を使用してください

。4。応答が成功したかどうかを判別します

。readyStateが4に等しく、ステータスが200の場合、応答は準備完了です。 ：
5。完全なAjaxリクエスト

var xmlhttp;
if (window.XMLHttpRequest) {
    
    // code for IE7+, Firefox, Chrome, Opera, Safari
  	xmlhttp=new XMLHttpRequest();
}
else {
    
    // code for IE6, IE5
  	xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
  
xmlhttp.open("GET","请求url",true);

xmlhttp.onreadystatechange=function(){
    
    
    if (xmlhttp.readyState==4 && xmlhttp.status==200) {
    
    
  		//响应成功要做的事
  		document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
}

xmlhttp.send();