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 相关文章推荐
JQUERY THICKBOX弹出层插件
Aug 30 Javascript
js怎么终止程序return不行换jfslk
May 30 Javascript
js去空格技巧分别去字符串前后、左右空格
Oct 21 Javascript
Javascript基础教程之数据类型转换
Jan 18 Javascript
js实现仿阿里巴巴城市选择框效果实例
Jun 24 Javascript
18个非常棒的jQuery代码片段
Nov 02 Javascript
详解vue与后端数据交互(ajax):vue-resource
Mar 16 Javascript
D3.js实现简洁实用的动态仪表盘的示例
Apr 04 Javascript
利用chrome浏览器进行js调试并找出元素绑定的点击事件详解
Jan 30 Javascript
vue+element-ui实现表格编辑的三种实现方式
Oct 31 Javascript
微信小程序下拉刷新PullDownRefresh的使用方法
Nov 29 Javascript
jQuery位置选择器用法实例分析
Jun 28 jQuery
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
PHP使用DES进行加密与解密的方法详解
2013/06/06 PHP
php判断正常访问和外部访问的示例
2014/02/10 PHP
php清除和销毁session的方法分析
2015/03/19 PHP
php pdo连接数据库操作示例
2019/11/18 PHP
让JavaScript 轻松支持函数重载 (Part 1 - 设计)
2009/08/04 Javascript
jquery checkbox全选、取消全选实现代码
2010/03/05 Javascript
基于jQuery的的一个隔行变色,鼠标移动变色的小插件
2010/07/06 Javascript
Highcharts 非常实用的Javascript统计图demo示例
2013/07/03 Javascript
深入解析contentWindow, contentDocument
2013/07/04 Javascript
js的onload事件及初始化按钮事件示例代码
2013/09/25 Javascript
JS 获取浏览器和屏幕宽高等信息代码
2014/03/31 Javascript
基于JS实现移动端向左滑动出现删除按钮功能
2017/02/22 Javascript
vue.js单页面应用实例的简单实现
2017/04/10 Javascript
Vue.js 踩坑记之双向绑定
2018/05/03 Javascript
Angular事件之不同组件间传递数据的方法
2018/11/15 Javascript
浅谈Node框架接入ELK实践总结
2019/02/22 Javascript
vue组件中watch props根据v-if动态判断并挂载DOM的问题
2019/05/12 Javascript
vue实现修改图片后实时更新
2019/11/14 Javascript
Vue项目中使用mock.js的完整步骤
2021/01/12 Vue.js
python实现bitmap数据结构详解
2014/02/17 Python
利用Django框架中select_related和prefetch_related函数对数据库查询优化
2015/04/01 Python
python实现将汉字转换成汉语拼音的库
2015/05/05 Python
python学习数据结构实例代码
2015/05/11 Python
学习python之编写简单简单连接数据库并执行查询操作
2016/02/27 Python
Python基于回溯法子集树模板实现8皇后问题
2017/09/01 Python
Python语言描述KNN算法与Kd树
2017/12/13 Python
Django发送邮件功能实例详解
2019/09/02 Python
TensorFlow命名空间和TensorBoard图节点实例
2020/01/23 Python
python使用pandas抽样训练数据中某个类别实例
2020/02/28 Python
Python 操作SQLite数据库的示例
2020/10/16 Python
纯css3制作煽动翅膀的蝴蝶的示例
2018/04/23 HTML / CSS
服装厂厂长职责
2013/12/16 职场文书
员工辞退通知书
2015/04/17 职场文书
自荐信大全
2019/03/21 职场文书
SSM项目使用拦截器实现登录验证功能
2022/01/22 Java/Android
AJAX引擎原理以及XmlHttpRequest对象的axios、fetch区别详解
2022/04/09 Javascript