在頻繁與服務器進行交互的頁面中,每一次交互都要設置很多選項,操作較爲繁瑣且易出錯。在jQuery中定義了ajaxSetup()方法,該方法可以預設異步交互中通用選項,從而減輕頻繁設置選項的操作。
先使用$.ajaxSetup()方法把本頁面中異步交互的公共選項進行預設,包括請求的服務器端文件、禁止觸發全局Ajax事件、請求方式、響應數據類型和響應成功之後的回調函數。這樣在不同按鈕上綁定異步請求時,只需要設置發送請求的信息就可以。
先創建一個服務器端的請求文件test.asp,直接用txt文件進行修改後綴的方法得到.asp文件,再輸入下面代碼
<%@LANGUAGE="JAVASCRIPT"CODEPAGE="65001"%>
<%
var name = Request.Form("name");
if(name){
Response.Write("接受到請求信息:"+name);
}
else{
Response.Write("沒有接受到請求信息");
}
%>
其中CodePage:可讀/可寫。整型。定義用於在瀏覽器中顯示頁內容的代碼頁
CODEPAGE=65001 就是UTF-8
LANGUAGE:JAVASCRIPT 服務執行腳本語言!
來源:百度知道 https://zhidao.baidu.com/question/491361426.html
創建一個html文件進行主要代碼編寫:、
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<meta charset="utf-8" />
<script src="../Scripts/jquery-1.10.2.js"></script>
<script type="text/javascript">
$(function () {
$.ajaxSetup({ //預設公共選項
url: "test.asp", //請求的url
global: false, //禁止除非全局ajax事件
type: "POST", //請求方式
dataType: "text", //響應數據的類型
success: function (data) { //響應成功之後的回調函數
alert(data);
}
});
$("input").eq(0).click(function () { //爲按鈕1綁定異步請求
$.ajax({
data: "name=zhu"
});
});
$("input").eq(1).click(function () {
$.ajax({
data: "name=zhu1"
});
});
$("input").eq(2).click(function () {
$.ajax({
data: "name=zhu2"
});
});
})
</script>
</head>
<body>
<input type="button" value="異步請求1"/>
<input type="button" value="異步請求2" />
<input type="button" value="異步請求3" />
</body>
</html>
eq() 方法將匹配元素集縮減值指定 index 上的一個。
jQuery選擇器歸納:
jQuery 元素選擇器
jQuery 使用 CSS 選擇器來選取 HTML 元素。
$("p") 選取 <p> 元素。
$("p.intro") 選取所有 class="intro" 的 <p> 元素。
$("p#demo") 選取所有 id="demo" 的 <p> 元素。
jQuery 屬性選擇器
jQuery 使用 XPath 表達式來選擇帶有給定屬性的元素。
$("[href]") 選取所有帶有 href 屬性的元素。
$("[href='#']") 選取所有帶有 href 值等於 "#" 的元素。
$("[href!='#']") 選取所有帶有 href 值不等於 "#" 的元素。
$("[href='.jpg']") 選取所有 href 值以 ".jpg" 結尾的元素。
來源:jQuery 選擇器 http://www.w3school.com.cn/jquery/jquery_selectors.asp
主要參考來源:JQuery開發完全技術寶典 朱育發 岳陽 編寫 中國鐵道出版社
第九章【使用Ajax】【第9.7節-預設Ajax選項】