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 交通频道 作文范文 学生的心声作文500字 街道农村党(总)支部先进性教育阶段工作总结 物业工作计划书 读《闪闪惹人爱》有感作文900字 微信伤感语录:如果爱可以放下,为何那么多挣扎 教育系统深入学习实践科学发展观活动实施方案 帮人打打广告 大学团支部书记竞选演讲稿 小学六年级作文550字:超越一切的母爱 倾心,无言醉 萝卜300字 2016下乡心得总结 梅花引(冬怨) 长大?!作文400字 愈爱愈明白 初三写景作文800字:岁月面前 高中高三作文1000字:做好事 “先就业,后择业”暗藏隐患 生活的理念 童年拾“贝” 如果你不再爱了,我何必拿尊严去挽留一个变了心 《十岁优等生申请退学宁愿捡破烂为生》读后感100字 夏夜寄情 伤感日志、让人更加的伤感... 我家买来了健身椅300字 指尖上的哀思 快乐的活法 孝老爱亲作文200字 忍一忍,就过去了 2016普法教育心得体会 小狗点点作文500字 天叹月吟作文1000字 假如我写高考作文恐怕得零分 “凑字游戏“的启示作文600字 家乡的小河--写在世界地球日 寂寞的吟唱 光怪陆离童话集(1)作文100字 人生如渡船 触碰心灵的寄语 看图写话 爸爸的生日 张金涛 幼儿教师师德师风培训心得体会 重温入党誓词发言稿 申请书怎么写范文 我的妈妈范子珍作文300字 中秋节小学作文:拨开云雾见明月 小学六年级作文900字:观《海底总动员》有感 写给姑娘的20句话,火爆了朋友圈 散文《你若懂得,我便心安》 初中初二作文700字:和你走过的日子 经贸委分管干部2016年个人勤廉总结

Copyright © 2016 phpStudy |