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 相关文章推荐
Javascript Request获取请求参数如何实现
Nov 28 Javascript
js数字转换为float,取N位小数
Feb 08 Javascript
JQuery右键菜单插件ContextMenu使用指南
Dec 19 Javascript
JQuery异步获取返回值中文乱码的解决方法
Jan 29 Javascript
javascript入门之window对象【新手必看】
Nov 22 Javascript
整理关于Bootstrap警示框的慕课笔记
Mar 29 Javascript
mpvue性能优化实战技巧(小结)
Apr 17 Javascript
微信小程序实现获取用户信息并存入数据库操作示例
May 07 Javascript
layui监听工具栏的实例(操作列表按钮)
Sep 10 Javascript
JavaScript面试中常考的字符串操作方法大全(包含ES6)
May 10 Javascript
prettier自动格式化去换行的实现代码
Aug 25 Javascript
vue keep-alive实现多组件嵌套中个别组件存活不销毁的操作
Oct 30 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
php5编程中的异常处理详细方法介绍
2008/07/29 PHP
php比较两个绝对时间的大小
2014/01/31 PHP
PHP使用memcache缓存技术提高响应速度的方法
2014/12/26 PHP
php以fastCGI的方式运行时文件系统权限问题及解决方法
2015/05/11 PHP
在PHP中实现使用Guzzle执行POST和GET请求
2019/10/15 PHP
js 静态动态成员 and 信息的封装和隐藏
2011/05/29 Javascript
Extjs4 类的定义和扩展实例
2013/06/28 Javascript
JS将数字转换成三位逗号分隔的样式(示例代码)
2014/02/19 Javascript
jquery隔行换色效果实现方法
2015/01/15 Javascript
jQuery中die()方法用法实例
2015/01/19 Javascript
jquery代码实现简单的随机图片瀑布流效果
2015/04/20 Javascript
Angular Js文件上传之form-data
2015/08/28 Javascript
JS转换HTML转义符的方法
2016/08/24 Javascript
浅谈原生JS实现jQuery的animate()动画示例
2017/03/08 Javascript
layer.open回调获取弹出层参数的实现方法
2019/09/10 Javascript
[01:21:58]守擂赛DOTA2第一周决赛
2020/04/22 DOTA
python正则实现提取电话功能
2018/02/24 Python
Python 忽略warning的输出方法
2018/10/18 Python
Python实现的字典排序操作示例【按键名key与键值value排序】
2018/12/21 Python
如何在Django中设置定时任务的方法示例
2019/01/18 Python
python实现顺时针打印矩阵
2019/03/02 Python
谈谈Python中的while循环语句
2019/03/10 Python
浅谈Python中的异常和JSON读写数据的实现
2020/02/27 Python
python数据预处理 :样本分布不均的解决(过采样和欠采样)
2020/02/29 Python
Python错误的处理方法
2020/06/23 Python
python selenium xpath定位操作
2020/09/01 Python
Bootstrap File Input文件上传组件
2020/12/01 HTML / CSS
特罗佩亚包官方网站:Tropea
2017/01/03 全球购物
考博自荐信
2013/10/25 职场文书
医学类导师推荐信范文
2013/11/19 职场文书
生物医学工程专业学生求职信范文分享
2013/12/14 职场文书
酒店采购员岗位职责
2014/03/14 职场文书
班级团队活动方案
2014/08/14 职场文书
大学生入党积极分子党校学习思想汇报
2014/10/25 职场文书
幼儿园小班开学寄语(2016秋季)
2015/12/03 职场文书
2019年预备党员的思想汇报:加深对党的认知
2019/09/25 职场文书