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 交通频道 作文范文 石河子-阿拉山口 边沟-一面山 密山-兴凯 唐山-临清 诸暨-枣阳 南通-湘乡 五道沟-白山市 五大连池-克东 乌鲁木齐南-唐山 衡水-龙岩 曲阜东-青州市 元谋-大湾子 平果-弥勒 厦门-分宜 夏邑县-乐都 重庆北-吕梁 巨野-坪上 廊坊-滕州东 新彦-鹤山 兖州-宿州 郴州-砀山 固始-芜湖 凌海-鞍山 闻喜西-正定机场 德阳-进贤 长兴南-平原 天津-嘉兴 查干芒和-温都和硕 渠旧-濑湍 沈阳-加格达奇 朔州-龙川 邯郸-卫辉 开封-同心 汉口-苏州北 北京-新绛 大兴-碧州 小雨谷-施家嘴 仙游-淮南东 唐河-常州 碧州-伊拉哈 长沙-涪陵 内江-重庆南 凌源东-水泉 榕江-怀集 龙游-松江南 邳州-莱阳 加格达奇-伊图里河 衡阳东-祁阳 北京西-襄阳 常州北-瑞安 长子-修武 大庆东-扎罗木得 义乌-资溪 南充北-德令哈 清原-泉阳 唐山-沈阳南 渠县-闻喜 加南-塔源 伊宁-阳泉北 武威-鄯善 滨海-苏州北 杨陵-广德 石柱县-天门南 新余北-许昌东 三门峡-肇庆 寿阳-榆次 西安南-富县东 兰州西-德令哈 惠安-铜陵北 咸宁-渭南 进贤-阳新 太原-丰镇 当阳-靖州 安顺西-海宁西 秦岭-浩良河 咸阳-高台 涪陵-长寿 盘州-新晃西 石城-秋木庄 周口-深州 太原至佳县高速公路娄烦出口在哪
2009.5.14成都—兰州的列车火车时刻表
E11公交从体育馆到南澳总站需要多久?
青龙溪什么时候合区?
汽车站到滨州利民扶贫医院怎么去
从河北廊坊到哈尔滨总费用
6月5号从上饶至宁波的时刻表
从广州白云机场坐地铁到佛山要票价多少钱,怎么坐帮帮忙,谢谢
中国共产党员事迹(要有名字,突出一点)
听说江苏的水质非常的差,是真的吗要怎么处理水质啊电解
广州到上海坐火车要多少钱
200分急求知道,东莞到广州火车列车站最早的班车几点有
重庆市哪有豪沃混泥土搅拌车的销售点,地址,电话,
从深圳西列车站坐列车到陕西西安宝鸡要多久知道的说下大概就可以了不要少于
关于临沂到石家庄的长途汽车
2号晚从天义到烟台经叶柏寿 北京坐那列列车火车
请问有丽江到树底僳僳族乡的车吗
请问佛山禁电动车的具体路线
早上7点到达石家庄列车火车站,10点正定机场的飞机,有什么便捷的
从北京西到宜昌列车火车票日程表
袁崇焕是谁
常熟到无锡的便捷化班车
我从广州坐列车火车T170 到 杭州南 后立刻怎么转去 南浔能在上
从烟台到菏泽 从菏泽到烟台的列车,现在每天有几班啊
大连理工到锦绣南园怎么走
能告诉下开封景点的门票吗,清明上河园学生证能便宜吗,去哪...
悬赏昆明到兰州的飞机票票价多少钱
南昌市朝阳洲片区什么时候拆呀什么时候又能把还建房做好呢
从贵州铜仁市到海口市
在达州办理的驾驶员从业资格证为何在攀枝花不认同

Copyright © 2016 phpStudy |