asp.net+jquery调用页面后台方法‏_net+aspx jquery多选框添加调用后台事件-优快云博客

HTML:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JqueryCSMethodForm.aspx.cs" Inherits="JQuerWeb.JqueryCSMethodForm" %> <HTML xmlns="http://www.w3.org/1999/xhtml"> <HEAD runat="server"> <SCRIPT type=text/javascript src="JS/jquery-1.4.2.js" mce_src="JS/jquery-1.4.2.js"></SCRIPT> <SCRIPT type=text/javascript> $(document).ready(function() { $("input[type='button'][value='GetDate']").click(function() { $.ajax({ type: "post", url: "JqueryCSMethodForm.aspx/GetNowDate", datatype: "json", contentType: "application/json; charset=utf-8", success: function(data) { $("input#showTime").val(eval('(' + data.d + ')')[0].nowtime); }, error: function(XMLHttpRequest, textStatus, errorThrown) { alert(errorThrown); } }); }); $("input[type='button'][value='GetOneDayLater']").click(function() { $.ajax({ type: "post", url: "JqueryCSMethodForm.aspx/GetOneDayLate", data:"{days:1}", datatype: "json", contentType: "application/json; charset=utf-8", success: function(data) { $("input#showTime").val(eval('(' + data.d + ')')[0].nowtime); }, error: function(XMLHttpRequest, textStatus, errorThrown) { alert(errorThrown); } }); }); }); </SCRIPT> <FORM id=form1 runat="server"> <DIV> <INPUT value=GetDate type=button> <INPUT value=GetOneDayLater type=button> <INPUT id=showTime> </DIV> </FORM>

CS代码：

using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.Services; namespace JQuerWeb { public partial class JqueryCSMethodForm : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } [WebMethod] public static String GetNowDate() { return "[{/"nowtime/":/"" + DateTime.Now.ToShortDateString() + "/"}]"; } [WebMethod] public static String GetOneDayLate(Int32 days) { return "[{/"nowtime/":/"" + DateTime.Now.AddDays(days).ToShortDateString() + "/"}]"; } } }