jquery ajax执行后台方法


Posted in Javascript onMarch 18, 2010
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title></title> 
<script src="script/jquery-1.3.2.js" type="text/jscript"></script> 
<script type="text/jscript"> 
function show(num) { 
var params = '{str:"'+ num+'"}'; 
$.ajax({ 
type: "POST", 
url: "default.aspx/aa", 
data: params, 
dataType: "text", 
contentType: "application/json; charset=utf-8", 
beforeSend: function(XMLHttpRequest) { 
$('#show').text("正在查询"); 
}, 
success: function(msg) { 
$('#show').text(eval("(" + msg + ")").d); 
}, 
error: function(xhr, msg, e) { alert(msg); } 
}); 
} 
</script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div id="click" onclick="show('执行成功');">点击我! </div> 
<div id="show" ></div> 
</form> 
</body> 
</html>

后台方法:
[System.Web.Services.WebMethod()] 
public static string aa(string str) 
{ 
return str; 
}
Javascript 相关文章推荐
JS中字符问题(二进制/十进制/十六进制及ASCII码之间的转换)
Nov 03 Javascript
javascript的onchange事件与jQuery的change()方法比较
Sep 28 Javascript
基于jquery封装的一个js分页
Nov 15 Javascript
html的DOM中Event对象onblur事件用法实例
Jan 21 Javascript
js字符串操作方法实例分析
May 06 Javascript
详解Javascript数据类型的转换规则
Dec 12 Javascript
微信小程序之GET请求的实例详解
Sep 29 Javascript
使用react实现手机号的数据同步显示功能的示例代码
Apr 03 Javascript
详解vue+webpack+express中间件接口使用
Jul 17 Javascript
JavaScript实现选项卡效果的分析及步骤
Apr 16 Javascript
jQuery 选择器用法基础入门示例
Jan 04 jQuery
Laravel 如何在blade文件中使用Vue组件的示例代码
Jun 28 Javascript
jQuery中与toggleClass等价的程序段 以及未来学习的方向
Mar 18 #Javascript
javascript 验证日期的函数
Mar 18 #Javascript
12个非常有创意的JavaScript小游戏
Mar 18 #Javascript
JQuery 插件模板 制作jquery插件的朋友可以参考下
Mar 17 #Javascript
jquery 简单图片导航插件jquery.imgNav.js
Mar 17 #Javascript
Array.prototype.slice.apply的使用方法
Mar 17 #Javascript
javascript 打开页面window.location和window.open的区别
Mar 17 #Javascript
You might like
一些花式咖啡的配方
2021/03/03 冲泡冲煮
php5.2时间相差8小时
2007/01/15 PHP
php中强制下载文件的代码(解决了IE下中文文件名乱码问题)
2011/05/09 PHP
PHP实现普通hash分布式算法简单示例
2018/08/06 PHP
php+ajax 文件上传代码实例
2019/03/18 PHP
JavaScript 异步调用框架 (Part 2 - 用例设计)
2009/08/03 Javascript
js 模拟气泡屏保效果代码
2010/07/10 Javascript
基于jquery 的一个progressbar widge
2010/10/29 Javascript
jquery调用wcf并展示出数据的方法
2011/07/07 Javascript
JavaScript数组函数unshift、shift、pop、push使用实例
2014/08/27 Javascript
javascript+canvas实现刮刮卡抽奖效果
2015/07/29 Javascript
jQuery实现的手机发送验证码倒计时效果代码分享
2015/08/24 Javascript
jQuery实现鼠标跟随提示层效果代码(可显示文本,Div,Table,Html等)
2016/04/18 Javascript
JS封装的自动创建表格的实现代码
2016/06/15 Javascript
微信小程序中做用户登录与登录态维护的实现详解
2017/05/17 Javascript
JavaScript正则表达式简单实用实例
2017/06/23 Javascript
BootStrap模态框和select2合用时input无法获取焦点的解决方法
2017/09/01 Javascript
使用vue中的v-for遍历二维数组的方法
2018/03/07 Javascript
Node.js实现简单的爬取的示例代码
2019/06/25 Javascript
Element-Ui组件 NavMenu 导航菜单的具体使用
2019/10/24 Javascript
Vue使用自定义指令实现拖拽行为实例分析
2020/06/06 Javascript
使用Python下的XSLT API进行web开发的简单教程
2015/04/15 Python
Python编程之属性和方法实例详解
2015/05/19 Python
wxPython中listbox用法实例详解
2015/06/01 Python
深入理解Django中内置的用户认证
2017/10/06 Python
matplotlib subplots 设置总图的标题方法
2018/05/25 Python
pandas 选择某几列的方法
2018/07/03 Python
python元组的概念知识点
2019/11/19 Python
python字符串常用方法及文件简单读写的操作方法
2020/03/04 Python
解决Django响应JsonResponse返回json格式数据报错问题
2020/08/09 Python
仿CSDN Blog返回页面顶部功能实现原理及代码
2013/06/30 HTML / CSS
iphoneX 适配客户端H5页面的方法教程
2017/12/08 HTML / CSS
教师个人鉴定材料
2014/02/08 职场文书
大学生个人先进事迹材料范文
2014/05/03 职场文书
学习委员竞选稿
2015/11/20 职场文书
redis protocol通信协议及使用详解
2022/07/15 Redis