JQuery和.NET如何結合工作

關於JQ+NET 結合的方法有以下（2009-07-24）

 

1 (網上搜索的) 使用WebService        感覺麻煩了。要建立WebService

 

2 使用PageMethod ,例子如下(網上搜索的例子)

我在使用過程中發現，必須設置contentType纔可以，請注意

contentType: "application/json; charset=utf-8"//調用PageMethod必須設置此項

C#代碼

[System.Web.Services.WebMethod]  
    public static string GetDate()
    {
        return DateTime.Now.ToString();
    }

 

JS代碼

$.ajax({
      type: "POST",
      url: "Default.aspx/GetDate",
      data: "{}",
      contentType: "application/json; charset=utf-8",
      dataType: "json",
      success: function(msg) {
        // 使用 Page Method 的返回值來替代 div 的內容
        $("#Result").text(msg.d);
      }

 

以上方法經過驗證.必須在NET3.5的環境下才能正確運行

 

3 使用__EVENTTARGET和__EVENTARGUMENT
如果不清楚這2個東西是什麼，請網友搜索一下相關資料，看看。NET是如何提交服務器的
如果有能否支持自動回發的控件在頁面中，。NET會自動生成一段設置__EVENTTARGET和__EVENTARGUMENT值的代碼，
但是由於使用了JQ，我們就不再需要使用NET控件的自動回發功能，頁面就不會再自動生成設置__EVENTTARGET和__EVENTARGUMENT值的代碼
所以我們首先需要自己寫一段賦值的代碼

 

JS代碼
function SetSubmitHiddenField(target, argument, formObj) {
    var _form = formObj == undefined ? document.forms[0] : formObj;
    if ($("#__EVENTTARGET").length == 0) {
                $(_form).append("<input type=/"hidden/" name=/"__EVENTTARGET/" id=/"__EVENTTARGET/" />"); //value=/"/"
    }
    if ($("#__EVENTARGUMENT").length == 0) {
                $(_form).append("<input type=/"hidden/" name=/"__EVENTARGUMENT/" id=/"__EVENTARGUMENT/"  />"); //value=/"/"
    }

    _form.__EVENTTARGET.value = target;
    _form.__EVENTARGUMENT.value = argument;
}

這樣做有什麼用呢，就是因爲我們在點下了button1之後，提交到服務端時，後臺能夠知道要調用button1_onclick事件
執行完了button1_onclick事件之後，會返回數據，在這裏，你可以選擇返回HTML還是返回JSON格式。。
至於如何刷新頁面，就由待各位寫JS去更新頁面了。