jquery异步调用页面后台方法&#8207;(asp.net)

复制代码代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JqueryCSMethodForm.aspx.cs" Inherits="JQuerWeb.JqueryCSMethodForm" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title></title> <script type="text/javascript" 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> </head> <body> <form id="form1" runat="server"> <div> <input type="button" value="GetDate" /> <input type=button value="GetOneDayLater" /> <input type="text" id="showTime" /> </div> </form> </body> </html> 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() + ""}]"; } } } 注意点： (1) url的填写格式　url+"/method name" (2) contentType: "application/json; charset=utf-8", 这个必须要有 (3) 返回数据的类型为json (4) data:"{days:1}",参数的传递 (5) 后台的方法必须是public static 而且还要有 [WebMethod]特性修饰

　　推荐阅读

　　从零开始学习jQuery (十一) 实战表单验证与自动完成提示插件

一.摘要本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍. 本文是介绍两个最常用的jQuery插件. 分别用于表单验证和自动完成提示(类>>>详细阅读

本文标题：jquery异步调用页面后台方法‏(asp.net)

地址：http://www.17bianji.com/kaifa2/JS/24878.html

1/2 1

jquery异步调用页面后台方法&#8207;(asp.net)

jquery异步调用页面后台方法‏(asp.net)