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 动态table添加colspan\rowspan 参数的方法
Jul 25 Javascript
Jquery iframe内部出滚动条
Feb 11 Javascript
基于jquery ajax 用户无刷新登录方法详解
Apr 28 Javascript
javascript框架设计之类工厂
Jun 23 Javascript
基于javascript制作微信聊天面板
Aug 09 Javascript
基于javascript制作微博发布栏效果
Apr 04 Javascript
JavaScript实现简单Tip提示框效果
Apr 20 Javascript
Vue.js教程之计算属性
Nov 11 Javascript
JavaScript组成、引入、输出、运算符基础知识讲解
Dec 08 Javascript
JavaScript实现删除数组重复元素的5种常用高效算法总结
Jan 18 Javascript
vue 实现 rem 布局或vw 布局的方法
Nov 13 Javascript
微信小程序实用代码段(收藏版)
Dec 17 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
DOTA2【瓜皮时刻】Vol.91 RTZ山史最惨“矿难”
2021/03/05 DOTA
将时间以距今多久的形式表示,PHP,js双版本
2012/09/25 PHP
php去除html标记的原生函数详解
2015/01/27 PHP
PHP+shell实现多线程的方法
2015/07/01 PHP
PHP7扩展开发之hello word实现方法详解
2018/01/15 PHP
thinkphp5.1 框架导入/导出excel文件操作示例
2020/05/25 PHP
js 数组的for循环到底应该怎么写?
2010/05/31 Javascript
Jquery validation remote 验证的缓存问题解决方法
2014/03/25 Javascript
node.js中的console.warn方法使用说明
2014/12/09 Javascript
ECMAScript6块级作用域及新变量声明(let)
2015/06/12 Javascript
jQuery入门基础知识学习指南
2015/08/14 Javascript
Javascript实现图片轮播效果(一)让图片跳动起来
2016/02/17 Javascript
Bootstrap CSS布局之按钮
2016/12/17 Javascript
Vue组件选项props实例详解
2017/08/18 Javascript
js禁止Backspace键使浏览器后退的实现方法
2017/09/01 Javascript
vue cli 全面解析
2018/02/28 Javascript
node下使用UglifyJS压缩合并JS文件的方法
2018/03/07 Javascript
js根据json数据中的某一个属性来给数据分组的方法
2018/10/08 Javascript
微信小程序实现复选框效果
2018/12/28 Javascript
JS获取当前时间的年月日时分秒及时间的格式化的方法
2019/12/18 Javascript
javascript 代码是如何被压缩的示例代码
2020/05/06 Javascript
[51:34]Ti4主赛事胜者组 DK vs EG 2
2014/07/19 DOTA
Python使用CMD模块更优雅的运行脚本
2015/05/11 Python
举例讲解Python设计模式编程中对抽象工厂模式的运用
2016/03/02 Python
Python运行报错UnicodeDecodeError的解决方法
2016/06/07 Python
Python中使用platform模块获取系统信息的用法教程
2016/07/08 Python
Tensorflow 训练自己的数据集将数据直接导入到内存
2018/06/19 Python
详解Python odoo中嵌入html简单的分页功能
2019/05/29 Python
python安装pil库方法及代码
2019/06/25 Python
【HTML5】3D模型--百行代码实现旋转立体魔方实例
2016/12/16 HTML / CSS
英国玛莎百货澳大利亚:Marks & Spencer Australia
2019/08/30 全球购物
Java的for语句中break, continue和return的区别
2013/12/19 面试题
高中三年学习生活的自我评价
2013/10/10 职场文书
团代会邀请函
2015/02/02 职场文书
苏州园林导游词
2015/02/03 职场文书
安全生产感想
2015/08/07 职场文书