jQuery异步调用页面后台实例分析
83590792 2011-03-02
jQuery调用页面后台方法如下：
给出了两个简单的例子，无参数的和有参数的，返回的都是json数据。
<%@ 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}",参数的传递
相关推荐
cenylon 0喜欢 / 0评论 2020-04-29
whynotgonow 0喜欢 / 0评论 2020-04-26
春雨的雕刻时光 0喜欢 / 0评论 2020-03-09
lustdevil 0喜欢 / 0评论 2019-12-31
Magicsoftware 0喜欢 / 0评论 2019-12-17
83251242 0喜欢 / 0评论 2019-09-05
XuNeely 0喜欢 / 0评论 2019-08-16
* 最好使用异步调用，否则可能产生UI阻塞错误。* myTextView.setText; 虽然这里能设定结果，* Called when the activity is first created.
mingming 0喜欢 / 0评论 2013-06-24
牧码人 0喜欢 / 0评论 2014-04-30
大步流星 0喜欢 / 0评论 2018-04-17
漂流 0喜欢 / 0评论 2012-03-21
86193952 0喜欢 / 0评论 2019-07-09
usstlidawei 0喜欢 / 0评论 2011-05-02
zhujianlin0 0喜欢 / 0评论 2019-06-26
wangdan0 0喜欢 / 0评论 2019-06-26
爱传文档 0喜欢 / 0评论 2019-06-26
bobpipi 0喜欢 / 0评论 2010-04-22
qianqianxiao 0喜欢 / 0评论 2019-06-21
四哥 0喜欢 / 0评论 2010-01-20
qianwenjie 0喜欢 / 0评论 2012-12-17
84563376 0喜欢 / 0评论 2019-06-21
摇摆少年梦的技术 0喜欢 / 0评论 2019-06-21
sunnyishere 0喜欢 / 0评论 2012-05-21
deerclops 0喜欢 / 0评论 2011-06-24
无材可去补苍天 0喜欢 / 0评论 2011-02-25
分布式云计算实践 0喜欢 / 0评论 2019-06-07
阿义 0喜欢 / 0评论 2016-05-20
wuxj00 0喜欢 / 0评论 2019-05-05
JeWangZhe 0喜欢 / 0评论 2016-06-28
luoxinyurose 0喜欢 / 0评论 2015-07-02
PythonBiglove 0喜欢 / 0评论 2015-05-09
pythoncream 0喜欢 / 0评论 2015-04-18
游离丸子 0喜欢 / 0评论 2009-08-21
87941037 0喜欢 / 0评论 2014-02-12
CeiWCJ 0喜欢 / 0评论 2014-01-10
anshenoracle 0喜欢 / 0评论 2011-09-30
gongzhiyao0 0喜欢 / 0评论 2012-07-25
nnj 0喜欢 / 0评论 2011-03-01
CXPOwen 0喜欢 / 0评论 2009-08-03
88487901 0喜欢 / 0评论 2010-08-02
nnj 0喜欢 / 0评论 2010-03-17
wangboa 0喜欢 / 0评论 2010-03-18
CeiWCJ 0喜欢 / 0评论 2010-03-16
逆流 0喜欢 / 0评论 2008-11-01
Oraclezcy 0喜欢 / 0评论 2007-04-04
81427005 0喜欢 / 0评论 2009-07-01