然后還需要在項目中, 添加類似于json.ashx一般處理程序, 用于提供相關(guān)數(shù)據(jù)(如: 表格日歷的繪制, 去數(shù)據(jù)庫驗證等操作)

//json.ashx

<%@ WebHandler Language="C#" Class="Json"%>

using System;
using System.Web;

publicclass Json : IHttpHandler {

publicvoid ProcessRequest (HttpContext context) {
context.Response.ContentType ="text/plain";

//對于靜態(tài)內(nèi)容, 需要禁用瀏覽器的緩存, 否則老是舊結(jié)果
context.Response.Cache.SetCacheability(HttpCacheability.NoCache);

string name ="Mike";

string jsonFormat ="{{ \"name\": \"{0}\" }}"; //{{、}}是為了避免和Json中的{沖突而采用的特殊轉(zhuǎn)義符

string json =string.Format(jsonFormat, name);

context.Response.Output.Write(json);
}

publicbool IsReusable {
get {
returnfalse;
}
}
}

//jquery.ashx

<%@ WebHandler Language="C#" Class="jquery"%>

using System;
using System.Web;

publicclass jquery : IHttpHandler {

publicvoid ProcessRequest (HttpContext context) {
context.Response.ContentType ="text/plain";
context.Response.Cache.SetCacheability(HttpCacheability.NoCache);

DateTime now = DateTime.Now;
string jqueryFormat ="{0}";
string jquery =string.Format(jqueryFormat, now);

context.Response.Write(jquery);
}

publicbool IsReusable {
get {
returnfalse;
}
}
}

2.1 使用AjaxPro2:

a.添加AjaxPro2類庫(AjaxPro2.dll) b.webconfig中添加配置文件 c.在App_Code中創(chuàng)建類庫文件(cs文件)提供Ajax服務(wù), 并在頁面對應(yīng)的后臺cs文件中注冊Ajax(Page_Load事件中) d.在App_Code中的類庫文件(cs文件中)編寫帶有Ajax標簽的處理方法 e.在前臺的aspx文件中使用腳本處理結(jié)果(修改內(nèi)存中的DOM對象)并顯示在頁面上

//b.webconfig中添加配置文件

 //c.在App_Code中創(chuàng)建類庫文件(cs文件)提供Ajax服務(wù), 并在頁面對應(yīng)的后臺cs文件中注冊Ajax(Page_Load事件中)

//default.aspx.cs文件

protectedvoid Page_Load(object sender, EventArgs e)
{
AjaxPro.Utility.RegisterTypeForAjax(typeof(CalendarServices)); //AjaxPro會根據(jù)注冊的類型自動生成腳本
}

 //d.在App_Code中的類庫文件(cs文件中)編寫帶有Ajax標簽的處理方法

//CalendarServices.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

publicclass CalendarServices
{
[AjaxPro.AjaxMethod]
publicbool save(string date, string tile, string detail)
{
System.Threading.Thread.Sleep(5000); //用來測試異步
returntrue; //這里為簡單, 直接返回true
}
}

//e.在前臺的aspx文件中使用腳本處理結(jié)果(修改內(nèi)存中的DOM對象)并顯示在頁面上

//default.aspx文件

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default"%>










日期:
標題:
詳情:







$(function() {
$("#btn").click(function() {
var date = $("#date").val();
var title = $("#title").val();
var detail = $("#detail").val();

//由AjaxPro生成的js代理, 很像C#中類庫的使用, 其中function(result)是異步的結(jié)果處理方法
CalendarServices.save(date, title, detail, function(result) {
if (result.error !=null) { //服務(wù)器上出現(xiàn)異常
alert(result.error.Message);
}
if (result.value) { //服務(wù)器cs文件中的方法返回永真
alert("服務(wù)器返回true! ");
}
});
});
});

2.2. 以前使用的老板Ajax(維護老項目可能用到, 其實與第2種很類似): a.引用Ajax框架類庫 b. webconfig中添加配置 c.在App_Code中添加Ajax服務(wù)類, 并在CS文件中注冊Ajax(Page_Load事件中) d.在App_Code中的CS文件中帶Ajax標簽的處理方法 e.按鈕綁定觸發(fā)JS的方法 f.JS處理方法

//a. 引用Ajax框架的類庫Ajax.dll

//b. webconfig添加配置

 //c. 在CS文件中注冊Ajax(Page_Load事件中)

Ajax.Utility.RegisterTypeForAjax(typeof(SysBase_UserEdit)); //SysBase_UserEdit是頁面文件名稱

//d. 在App_Code中的CS文件中帶Ajax標簽的處理方法

[Ajax.AjaxMethod]
public DataSet getRoleData(int Roleid)
{
DataSet ds =new DataSet();
ds = r.SelectRoleData(string.Format(" and id={0}", Roleid));

return ds;
}

//e. 按鈕綁定觸發(fā)JS的方法

this.DDLRole.Attributes.Add("onpropertychange", "onCommandInputPropertyChange();"); //在Page_Load事件中基于Attribute為按鈕綁定方法, 在aspx文件中手動添加也可以

//f. JS處理方法

3. VS2008集成的Ajax:

a.VS2005的話需要安裝插件(Microsoft ASP.NET 2.0 AJAX Extensions) b.緊挨著Form元素放置ScriptManager控件 c.在要刷新的table元素首位處, 使用UpdatePanel和ContentTemplate包起來 d.在table元素結(jié)尾處的ContenTemplate和UpdatePanel之間放置trigger元素, 注冊Ajax觸發(fā)按鈕 e.引用類庫Ajax2 f.VS2005需要配置webConfig

//d. 在table元素結(jié)尾處的ContenTemplate和UpdatePanel之間放置trigger元素, 注冊Ajax觸發(fā)按鈕(btn_Search, btn_Delete均為按鈕)

//f. VS2005需要配置webConfig

============================分割線============================

關(guān)于第一種: Js中的Ajax異步調(diào)用, 補充點東東, 不單獨開篇了

關(guān)于參數(shù)傳遞 :

1.
get方式傳參, 參數(shù)保存在URL中, 例如:

xhr.open("get", "json.ashx?name=xxx", true);
xhr.send(null);

在服務(wù)端(json.ashx后臺代碼), 可以用HttpContext類型的參數(shù)對象context來獲取, 獲取方式context.Request.QueryString["name"]....等等(自己在調(diào)試狀態(tài)下看)

2.
post方式傳參, 參數(shù)保存在請求包的包體(Body)中, 例如:

xhr.open("post","json.ashx",true);
xhr.send("xxx");

或者
xhr.send("name=xxx");

相應(yīng)的服務(wù)器端(json.ashx后臺代碼), 針對2中"非鍵值對"、"鍵值對"有兩種獲取方法:

非鍵值對: 用context.Request.InputStream獲取, 如:

System.IO.Stream stream = context.Request.InputStream;
System.IO.StreamReader sr = new System.IO.StreamReader(stream);
string strParam = sr.ReadToEnd();

其中涉及編碼轉(zhuǎn)換的, 自己在調(diào)整下.

鍵值對: 用context.Request.Form["name"]...獲取

以上是“實現(xiàn)Ajax的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！