编程 Javascript

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; 
}

jquery ajax执行后台方法

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

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