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


Posted in Javascript onMarch 01, 2011
<%@ 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]特性修饰
Javascript 相关文章推荐
简单的无缝滚动程序-仅几行代码
May 08 Javascript
小议javascript 设计模式 推荐
Oct 28 Javascript
JavaScript类和继承 this属性使用说明
Sep 03 Javascript
jQuery如何使用自动触发事件trigger
Nov 29 Javascript
laypage分页控件使用实例详解
May 19 Javascript
jQuery中fadein与fadeout方法用法示例
Sep 16 Javascript
详解node.js中的npm和webpack配置方法
Jan 21 Javascript
Vue 实现手动刷新组件的方法
Feb 19 Javascript
移动端 Vue+Vant 的Uploader 实现上传、压缩、旋转图片功能
Jun 10 Javascript
小程序分页实践之编写可复用分页组件
Jul 18 Javascript
Elementui表格组件+sortablejs实现行拖拽排序的示例代码
Aug 28 Javascript
three.js利用卷积法如何实现物体描边效果
Nov 27 Javascript
jQuery获取文本节点之 text()/val()/html() 方法区别
Mar 01 #Javascript
jquery一句话全选/取消全选
Mar 01 #Javascript
基于jQuery的Tab选项框效果代码(插件)
Mar 01 #Javascript
jquery中实现标签切换效果的代码
Mar 01 #Javascript
IE图片缓存document.execCommand(&quot;BackgroundImageCache&quot;,false,true)
Mar 01 #Javascript
收集的10个免费的jQuery相册
Feb 26 #Javascript
jQuery 1.5.1 发布,全面支持IE9 修复大量bug
Feb 26 #Javascript
You might like
PHP使用imagick读取PDF生成png缩略图的两种方法
2014/03/20 PHP
thinkphp获取栏目和文章当前位置的方法
2014/10/29 PHP
Linux系统下php获得系统分区信息的方法
2015/03/30 PHP
thinkphp集成前端脚手架Vue-cli的教程图解
2018/08/30 PHP
菜单效果
2006/10/14 Javascript
用js重建星际争霸
2006/12/22 Javascript
jquery中插件实现自动添加用户的具体代码
2013/11/15 Javascript
jQuery动态添加、删除元素的方法
2014/01/09 Javascript
JS如何将数字类型转化为没3个一个逗号的金钱格式
2014/01/27 Javascript
js数组与字符串的相互转换方法
2014/07/09 Javascript
使用jquery 简单实现下拉菜单
2015/01/14 Javascript
JQUERY表单暂存功能插件分享
2016/02/23 Javascript
jQuery四种选择器使用及示例
2016/06/05 Javascript
vue2.0使用Sortable.js实现的拖拽功能示例
2017/02/21 Javascript
js实现窗口全屏示例详解
2019/09/17 Javascript
详解JavaScript 异步编程
2020/07/13 Javascript
解决VUE-Router 同一页面第二次进入不刷新的问题
2020/07/22 Javascript
[52:14]VG vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
python使用xauth方式登录饭否网然后发消息
2014/04/11 Python
用Python编写一个简单的Lisp解释器的教程
2015/04/03 Python
利用python程序生成word和PDF文档的方法
2017/02/14 Python
Python编程生成随机用户名及密码的方法示例
2017/05/05 Python
基于Django用户认证系统详解
2018/02/21 Python
python实现名片管理系统项目
2019/04/26 Python
详解Python 字符串相似性的几种度量方法
2019/08/29 Python
Python 70行代码实现简单算式计算器解析
2019/08/30 Python
pytorch 数据处理:定义自己的数据集合实例
2019/12/31 Python
Linux下升级安装python3.8并配置pip及yum的教程
2020/01/02 Python
django列表筛选功能的实现代码
2020/03/27 Python
HTML5的文档结构和新增标签完全解析
2017/04/21 HTML / CSS
英国男士时尚网站:Dandy Fellow
2018/02/09 全球购物
历史专业个人求职信范文
2013/12/07 职场文书
党员干部承诺书范文
2014/03/25 职场文书
餐厅服务员岗位职责
2015/02/09 职场文书
《猴王出世》教学反思
2016/02/23 职场文书
为什么说餐饮很难做,是因为你不了解这些新规则
2019/08/20 职场文书