jquery异步调用页面后台方法‏

来源：互联网发布：数据挖掘原理与应用编辑：程序博客网时间：2024/06/12 11:53

jquery调用页面后台方法‏如下：

给出了两个简单的例子，无参数的和有参数的，返回的都是json数据。

<%@Page Language="C#"AutoEventWireup="true"CodeBehind="JqueryCSMethodForm.aspx.cs"Inherits="JQuerWeb.JqueryCSMethodForm"%>

<!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<htmlxmlns="http://www.w3.org/1999/xhtml">

<headrunat="server">

<scripttype="text/javascript"src="JS/jquery-1.4.2.js"></script>

<scripttype="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>

<formid="form1" runat="server">

<div>

<inputtype="button" value="GetDate" />

<inputtype=button value="GetOneDayLater" />

<inputtype="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

{

publicpartial class JqueryCSMethodForm : System.Web.UI.Page

{

protectedvoid Page_Load(object sender,EventArgs e)

{

}

[WebMethod]

publicstatic String GetNowDate()

{

return"[{\"nowtime\":\"" + DateTime.Now.ToShortDateString() + "\"}]";

}

[WebMethod]

publicstatic 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]特性修饰

转于：http://www.cnblogs.com/liyuxin/archive/2011/03/01/1967776.html