原生的ajax和jQuery Ajax的用法

原生的ajax！！！！  

　　本人是初學菜鳥，不喜勿噴！！有錯的地方請各位大神指教！！謝謝！！！

　　注意post和get的用法有點不同！！！

 

//一、獲取XMLHttpRequest對象
var XMLHttpRequest;
if(window.ActiveXObject){ //判斷是不是IE瀏覽器
//獲取XMLHttpRequest對象
XMLHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
}else{ //非IE瀏覽器
//獲取XMLHttpRequest對象
XMLHttpRequest = new XMLHttpRequest();
}

//四、調用回調事件，判斷請求狀態
XMLHttpRequest.onreadystatechange = function (){

/*
XMLHttpRequest.readyState判斷請求狀態
0：請求未初始化（尚未調用 open()）。
1：請求已經創建，可是尚未發送（尚未調用 send()）。
2：請求已發送，正在處理中（一般如今能夠從響應中獲取內容頭）。
3：請求在處理中；一般響應中已有部分數據可用了，可是服務器尚未完成響應的生成。
4：響應已完成；您能夠獲取並使用服務器的響應了。
*/
if(XMLHttpRequest.readyState == 4){
//XMLHttpRequest.status == 200 表示正常返回
if(XMLHttpRequest.status == 200){
alert("請求成功！！！！")
}
}
}



//二、發送一個請求
/*
第一個參數是 請求的方式
第二個參數是 請求的地址 若是須要傳參數 那麼直接拼在url後面就行了
第三個參數是 是否須要異步 false就是不須要異步 true就是須要異步
第四個參數是 username 不給
第五個參數是 password 不給
*/
XMLHttpRequest.open("get","url",false);

//這是post提交方式才須要 get提交方式不須要(這是post和get不一樣的地方)
XMLHttpRequest.setRequestHeader("Context-type","application/x-www-form-urlencoded");


//三、傳遞參數
//get請求方式
//XMLHttpRequest.send(null);

//post請求方式
XMLHttpRequest.send("username=xxx&password=123");

 

 

 

jQuery的ajax！！！  

　　使用前須要連接jquery-3.2.0.min.js。

 

<script type="text/javascript" src="js/jquery-3.2.0.min.js"></script>
<script type="text/javascript">

$.ajax({
//請求的方式 post、get
type:"get",
//是否須要異步,false 不須要異步，true是須要異步
async:"false",
//請求的路徑
url:"URL",
//傳遞的參數
data:"username=zhangsan&password=123",
//返回值類型 text表示純文本類型
dataType:"text",
//調用回調函數
success:function(data){
alert(data);
}
});