jQuery.ajax([settings])
1.url
說明：發(fā)送請求的地址（默認為當(dāng)前頁面）枷恕，要求是String類型的參數(shù)寂纪，比如是.net下趴拧，"~wexin(控制器)/getweinxinmenu(動作)"
2.type
說明：請求方法(post或者get)珠月，默認是get孟辑，要求是String類型的參數(shù)哎甲。其他的htpp請求如（put、delete）等也支持饲嗽，但是要瀏覽器支持
3.timeout
說明：設(shè)置請求超時時間（毫秒）炭玫，要求是number類型的參數(shù)。此設(shè)置將覆蓋$.ajaxSetup()方法的全局設(shè)置貌虾。
4.async
說明：默認值為true吞加，所有請求是異步，要求是Bool類型的參數(shù)尽狠，如果需要發(fā)送同步請求衔憨，將此項設(shè)置為false。注意：同步時瀏覽器會被鎖住袄膏。
5.cache
說明：默認為true(當(dāng)datatype為script時践图，默認為false)從瀏覽器緩存中加載請求信息，要求是Bool類型的參數(shù)哩陕。
6.data
說明：發(fā)送到服務(wù)器的數(shù)據(jù)平项，要求是Object或string類型的參數(shù)。如果已經(jīng)不是字符串悍及，將自動轉(zhuǎn)換為字符串格式闽瓢。get請求中將附加在url后。防止這種自動轉(zhuǎn)換心赶，可以查看 processData選項。對象必須為key/value格式缨叫，例如{foo1:"bar1",foo2:"bar2"}轉(zhuǎn)換為&foo1=bar1&foo2=bar2椭符。如果是數(shù)組，JQuery將自動為不同值對應(yīng)同一個名稱耻姥。例如{foo:["bar1","bar2"]}轉(zhuǎn)換為&foo=bar1&foo=bar2销钝。
7.dataType:
說明：預(yù)期服務(wù)器返回的數(shù)據(jù)類型，要求為String類型的參數(shù)琐簇。如果不指定蒸健，JQuery將自動根據(jù)http包mime信息返回responseXML或responseText座享，并作為回調(diào)函數(shù)參數(shù)傳遞∷朴牵可用的類型如下：
xml：返回XML文檔渣叛，可用JQuery處理。
html：返回純文本HTML信息盯捌；包含的script標(biāo)簽會在插入DOM時執(zhí)行淳衙。
script：返回純文本JavaScript代碼。不會自動緩存結(jié)果饺著。除非設(shè)置了cache參數(shù)箫攀。
注意在遠程請求時（不在同一個域下），所有post請求都將轉(zhuǎn)為get請求瓶籽。
json：返回JSON數(shù)據(jù)匠童。
jsonp：JSONP格式。使用SONP形式調(diào)用函數(shù)時塑顺，例如myurl?callback=?汤求，JQuery將自動替換后一個“?
”為正確的函數(shù)名，以執(zhí)行回調(diào)函數(shù)严拒。
text：返回純文本字符串扬绪。
8.beforeSend：
說明：發(fā)送請求前可以修改XMLHttpRequest對象的函數(shù)（也可以修改頁面一下信息），例如添加自定義HTTP頭裤唠。要求為Function類型的參數(shù)挤牛。在beforeSend中如果返回false可以取消本次ajax請求。XMLHttpRequest對象是惟一的參數(shù)种蘸。
function(XMLHttpRequest){
this; //調(diào)用本次ajax請求時傳遞的options參數(shù)
}
9.complete：
說明：請求完成后調(diào)用的回調(diào)函數(shù)（請求成功或失敗時均調(diào)用）墓赴。要求為Function類型的參數(shù)，參數(shù)：XMLHttpRequest對象和一個描述成功請求類型的字符串航瞭。
function(XMLHttpRequest, textStatus){
this; //調(diào)用本次ajax請求時傳遞的options參數(shù)
}
10.success：
說明:請求成功后調(diào)用的回調(diào)函數(shù),要求為Function類型的參數(shù)诫硕，有兩個參數(shù)。 (1)由服務(wù)器返回刊侯，并根據(jù)dataType參數(shù)進行處理后的數(shù)據(jù)章办。 (2)描述狀態(tài)的字符串。
function(data, textStatus){
//data可能是xmlDoc滨彻、jsonObj藕届、html、text等等
this; //調(diào)用本次ajax請求時傳遞的options參數(shù)
}
11.error:
說明：請求失敗時被調(diào)用的函數(shù)亭饵。要求為Function類型的參數(shù)休偶，該函數(shù)有3個參數(shù)，即XMLHttpRequest對象辜羊、錯誤信息椅贱、捕獲的錯誤對象(可選)懂算。ajax事件函數(shù)如下：
function(XMLHttpRequest, textStatus, errorThrown){
//通常情況下textStatus和errorThrown只有其中一個包含信息
this; //調(diào)用本次ajax請求時傳遞的options參數(shù)
}
12.contentType：
說明：內(nèi)容編碼類型。要求為String類型的參數(shù)庇麦，當(dāng)發(fā)送信息至服務(wù)器時，內(nèi)容編碼類型默認為"application/x-www-form-urlencoded"喜德。該默認值適合大多數(shù)應(yīng)用場合山橄。
13.dataFilter：
說明：給Ajax返回的原始數(shù)據(jù)進行預(yù)處理的函數(shù)。要求為Function類型的參數(shù)舍悯，提供data和type兩個參數(shù)航棱。data是Ajax返回的原始數(shù)據(jù)，type是調(diào)用jQuery.ajax時提供的dataType參數(shù)萌衬。函數(shù)返回的值將由jQuery進一步處理饮醇。
function(data, type){
//返回處理后的數(shù)據(jù)
return data;
}
15.global：
要求為Boolean類型的參數(shù)，默認為true秕豫。表示是否觸發(fā)全局ajax事件朴艰。設(shè)置為false將不會觸發(fā)全局ajax事件，ajaxStart或ajaxStop可用于控制各種ajax事件混移。
16.ifModified：
要求為Boolean類型的參數(shù)祠墅，默認為false。僅在服務(wù)器數(shù)據(jù)改變時獲取新數(shù)據(jù)歌径。服務(wù)器數(shù)據(jù)改變判斷的依據(jù)是Last-Modified頭信息毁嗦。默認值是false，即忽略頭信息回铛。
17.jsonp：
要求為String類型的參數(shù)狗准，在一個jsonp請求中重寫回調(diào)函數(shù)的名字。該值用來替代在"callback=?"這種GET或POST請求中URL參數(shù)里的"callback"部分茵肃，例如{jsonp:'onJsonPLoad'}會導(dǎo)致將"onJsonPLoad=?"傳給服務(wù)器腔长。
18.username：
要求為String類型的參數(shù)压真，用于響應(yīng)HTTP訪問認證請求的用戶名热幔。
19.password：
要求為String類型的參數(shù)泼疑，用于響應(yīng)HTTP訪問認證請求的密碼热鞍。
20.processData：
要求為Boolean類型的參數(shù)痛阻，默認為true豺撑。默認情況下胁澳，發(fā)送的數(shù)據(jù)將被轉(zhuǎn)換為對象（從技術(shù)角度來講并非字符串）以配合默認內(nèi)容類型"application/x-www-form-urlencoded"胎围。如果要發(fā)送DOM樹信息或者其他不希望轉(zhuǎn)換的信息紊婉，請設(shè)置為false药版。
21.scriptCharset：
要求為String類型的參數(shù)，只有當(dāng)請求時dataType為"jsonp"或者"script"喻犁，并且type是GET時才會用于強制修改字符集(charset)槽片。通常在本地和遠程的內(nèi)容編碼不同時使用何缓。
22.$.each()函數(shù):
$.each()函數(shù)不同于JQuery對象的each()方法，它是一個全局函數(shù)还栓，不操作JQuery對象碌廓，而是以一個數(shù)組或者對象作為第1個參數(shù)，以一個回調(diào)函數(shù)作為第2個參數(shù)剩盒」绕牛回調(diào)函數(shù)擁有兩個參數(shù)：第1個為對象的成員或數(shù)組的索引，第2個為對應(yīng)變量或內(nèi)容辽聊。
$(function(){
$('#send').click(function(){
$.ajax({
type: "GET",
url: "test.json",
data: {username:$("#username").val(), content:$("#content").val()},
dataType: "json",
success: function(data){
$('#resText').empty(); //清空resText里面的所有內(nèi)容
var html = '';
$.each(data, function(commentIndex, comment){
html += '<div class="comment"><h6>' + comment['username']
+ ':</h6><p class="para"' + comment['content']
+ '</p></div>';
});
$('#resText').html(html);
}
});
});
});
$.ajax驗證登錄：
<script type="text/javascript" language="javascript">
function IbtnEnter_onclick() {
checklogin();
return false;
}
function checklogin() {
if ($("#TxtUserName").val() == "") {
alert("用戶名不能為空纪挎！");
$("#TxtUserName").focus();
return false;
}
if ($("#TxtPassword").val() == "") {
alert("密碼不能為空！");
$("#TxtPassword").focus();
return false;
}
$.ajax({
type: "POST",
url: "ajax/Handler.ashx?M=" + Math.random(),
data: "username=" + $("#TxtUserName").val().toString() + "&pwd=" + $("#TxtPassword").val().toString(),
success: function (data) {
if (data == "1") {
location.href = "index.aspx";
return true;
}
else {
alert("請確認您輸入的用戶名或密碼輸入是否正確跟匆！");
$("#TxtUserName").val("");
$("#TxtPassword").val("");
$("#TxtUserName").focus();
return false;
}
}
})
}
</script>
<%@ WebHandler Language="C#" Class="Handler" %>
using System;
using System.Web;
using System.Data.SqlClient;
using System.Web.SessionState;//繼承接口IReadOnlySessionState需要引入的命名空間
public class Handler : IHttpHandler, IRequiresSessionState
{
SqlHelper helper = new SqlHelper();
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
string username = context.Request.Params["username"].ToString().Trim();
string pwd = context.Request.Params["pwd"].ToString().Trim();
if (username != "" && pwd != "")
{
string sql = @"SELECT * FROM [USER] WHERE USERNAME='"+username+"' AND PASSWORD='"+pwd+"' ";
if (!helper.Exists(sql))
{
context.Response.Write("0");
}
else
{
SqlDataReader reader = helper.ExecuteReader(sql);
while (reader.Read())
{
context.Response.Write("1");
context.Session["username"] = username.ToString().Trim();
context.Session["pwd"] = pwd.ToString().Trim();
}
}
}
}
public bool IsReusable
{
get
{
return false;
}
}
}
