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去更新页面了。