jQuery AJAX实现调用页面后台方法和web服务定义的方法分享


1.新建demo.aspx页面。
2.首先在该页面的后台文件demos.aspx.cs中添加引用。

using System.Web.Services;
3.无参数的方法调用.大家注意了,这个版本不能低于.net framework 2.0。2.0已下不支持的。
后台代码:

复制代码 代码如下:

[WebMethod]
public static string SayHello()
{
return "Hello Ajax!";
}

JS代码:
复制代码 代码如下:

$(function() {
$("#btnOK").click(function() {
$.ajax({
//要用post方式
type: "Post",
//方法所在页面和方法名
url: "Demo.aspx/SayHello",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(data) {
//返回的数据用data.d获取内容
alert(data.d);
},
error: function(err) {
alert(err);
}
});

//禁用按钮的提交
return false;
});
});

页面代码:
复制代码 代码如下:

<form id="form1" runat="server">
<div>
<asp:Button ID="btnOK" runat="server" Text="验证用户" />
</div>
</form>

3.有参数方法调用
后台代码:
复制代码 代码如下:

[WebMethod]
public static string GetStr(string str, string str2)
{
return str + str2;
}

JS代码:
复制代码 代码如下:

$(function() {
$("#btnOK").click(function() {
$.ajax({
type: "Post",
url: "demo.aspx/GetStr",
//方法传参的写法一定要对,str为形参的名字,str2为第二个形参的名字
data: "{'str':'我是','str2':'XXX'}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(data) {
//返回的数据用data.d获取内容
alert(data.d);
},
error: function(err) {
alert(err);
}
});

//禁用按钮的提交
return false;
});
});

运行效果如下:

4.返回数组方法
后台代码:

复制代码 代码如下:

[WebMethod]
public static List<string> GetArray()
{
List<string> li = new List<string>();

for (int i = 0; i < 10; i++)
li.Add(i + "");

return li;
}

JS代码:
复制代码 代码如下:

$(function() {
$("#btnOK").click(function() {
$.ajax({
type: "Post",
url: "demo.aspx/GetArray",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(data) {
//插入前先清空ul
$("#list").html("");

//递归获取数据
$(data.d).each(function() {
//插入结果到li里面
$("#list").append("<li>" + this + "</li>");
});

alert(data.d);
},
error: function(err) {
alert(err);
}
});

//禁用按钮的提交
return false;
});
});

运行结果图:



相关阅读:
了解linux中Load average负载
循环取值Request.QueryString的用法
jquery text()要注意啦
需要做特殊处理的DOM元素属性的访问
SQL存储过程初探
javascript 全选/反选,取消选择效果
对于Linux系统的几个常见误解
MySQL 最基本的SQL语法/语句
javascript 一个函数对同一元素的多个事件响应
解决OracleDBConsoleorcl不能启动,报错误码
取远程linux主机的流量和tcp连接数
jValidate 基于jQuery的表单验证插件
ASP.NET与MySQL数据库简明图示入门教程
php ob_flush,flush在ie中缓冲无效的解决方法
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 小学五年级作文800字:生活如BRT 第三个耳洞为谁而留 两片海洋 经典另类短信,奋斗向上比,快乐向下比 横刀立马天下 综合教研组工作总结 瑞鹧鸪辛弃疾 想你的时候,有快乐,也有忧伤 献爱心活动100字 黑龙江冬天的美 她为什么笑着流泪 青春在慢慢消磨 快乐暑假五年级答案 【荐读】不必去做一个人人都喜欢的姑娘 房屋租赁合同期满为续租该如何处理? 放不下那份错过的爱…… 太和花园作文200字 经典心情忧伤情感语录 静尝茶味,闲品秋韵 请少点牺牲 好面子的人 2015年新任派出所民警个人总结 机关部门工作总结 野性的呼唤700字 热爱生命和生活 父亲的生日 希望在未来 读《说几句爱海的孩气的话》后感作文300字 关于春的优美诗句 入党申请书写法及参考例文 小学五年级作文500字:在灾难面前我学到了什么 圣陶沙,新加坡的天堂 供货证明表格下载 情似休眠爱归航 那些年,你给我的力量 我飞故我在作文1200字 2015公司安全月活动总结 加气站年终总结范文 咀嚼春天的味道 最新初三上班主任工作计划 又到新米上市时 沉寂伤作文300字 小学二年级作文450字:感受时尚 2011.6.29 七彩仙子(6) 一篇优秀求职信范文 小学六年级作文500字:唐老师回来了 【青春励志】给难过·迷惘时的你 雨中的瓦顶 最没有意思的暑假作文400字

Copyright © 2016 phpStudy |