AJAX簡介
Ajax即Asynchronous Javascript And XML（異步JavaScript和XML），包括: HTML 或 XHTML, CSS, JavaScript, DOM, XML, XSLT, 以及最重要的XMLHttpRequest， [3] 使用Ajax技術網頁應用能夠快速地將增量更新呈現在用戶界面上，而不需要多載（重繪）整個頁面，這使得程式能夠更快地回應用戶的操作.
幫助檔案
AJAX的簡單使用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
function fun(){
//創建核心物件
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");
}
//建立連接
/**
* 引數:
* 1.請求方式:GET,POST
* 1.get方式,請求引數在URL后面拼接,send方法為空參
* 2.POST方式,請求引數在send方法中定義,
* 2.請求的URL:
* 3.同步或者異步:true(異步)或者false(同步)
*/
xmlhttp.open("GET","ajaxServlet?name=rong",true);
//發送請求,如果是POST方式,可以在該方法中傳遞引數
xmlhttp.send();
//4.接受并處理來自服務器的回應結果
//獲取方式:xmlhttp.responseText(它是回傳了一個String形式的引數,)
//如果來自服務器的回應是 XML，而且需要作為 XML 物件進行決議，請使用 responseXML 屬性：
//什么時候獲取?當服務器回應成功后在獲取
//當xmlhttp物件的就緒狀態每一次發生改變時,都會觸發時間onreadystatechande
xmlhttp.onreadystatechange = fun(){
//判斷readState的就緒狀態是不是4,判斷status的回應狀態是否為200
/**
* 0: 請求未初始化
1: 服務器連接已建立
2: 請求已接收
3: 請求處理中
4: 請求已完成，且回應已就緒
*/
if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
var respnseText = xmlhttp.responseText;
alert(respnseText)
}
}
}
</script>
</head>
<body>
<input type="button" value="yibu" onclick="fun()">
</body>
</html>
JQuery 實作方式
1.$.ajax()
語法:$.ajax({鍵值對})
2.$.get() 發送get請求
語法:$.get(url,[data], [callback], [type] )
引數:
URL:請求路徑
Data:請求引數
callBack:回呼函式
type:回應結果的型別
例子:
function fun() {
$.post("ajaxServlet",{username:"rose"},function (data) {
alert(data);
},"text");
}
3.$.post()
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/290905.html
標籤：其他
上一篇：jQuery操作元素屬性、操作樣式、操作樣式類、操作HTML代碼以及其他操作 [學完你還不會嗎]
下一篇：來吧！一文寫清前端面試難點及考點