目前,我会的几种asp.net界面与后台代码交互方式有几种:

1、webform+服务器控件交互;

2、webform+jquery+ajax+一般处理程序交互;

3、webform+jquery+ajax+Webservice/WCF交互;

4、MVC;

5、webform+jquery+ajax直接交互;

其中第1种交互是入门级,发展级为第2与第3,交互方式类似,也是我常用的开发方式。第4种最近几年才出现,玩过,用于项目比较少。

现在记录一下第5种交互方式。

第一步:准备页面代码;

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title> </head>
<body>
<form id="form1" runat="server">
<div>
<asp:Button ID="btn" runat="server" Text="验证用户" />
<asp:Button ID="btn1" runat="server" Text="验证用户1" />
</div>
</form>
<script src="http://cdn.renzaijianghu.com/Static/Script/jquery-1.9.1.js"></script>
<script src="http://cdn.renzaijianghu.com/Static/Script/Json2.js"></script>
<script src="../Static/Script/Core.js"></script>
<script> $(function () {
//调用不含参方法
$("#btn").click(function () {
var url = JHSoft.currentURL + "/GetStr";
$.ajax({
type: "post", //要用post方式
async: false,
url: url,//方法所在页面和方法名
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (data) {
alert(data.d);//返回的数据用data.d获取内容
},
error: function (err) {
alert(err);
}
});
});
//调用含参方法
$("#btn1").click(function () {
var url = JHSoft.currentURL + "/GetData";
var data = new Object();
data["str"] = "我是";
data["str2"] = "XXX"; $.ajax({
type: "post", //要用post方式
url: url,//方法所在页面和方法名
contentType: "application/json; charset=utf-8",
dataType: "json",
data: JSON2.stringify(data), //Json序列化
success: function (data) {
alert(data.d);//返回的数据用data.d获取内容
},
error: function (err) {
alert(err);
}
});
});
});
</script>
</body>
</html>

第二步:准备.cs后台代码;

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Web;
using System.Web.Services; //引用命名空间 namespace JHSoft.Ed2k.UILogic
{
public class TorrentDownload : System.Web.UI.Page
{
protected void PageLoad(object sender, EventArgs e)
{ } [WebMethod]
//必须加标记及声明static
public static string GetStr()
{ return "HelloWorld!";
} [WebMethod]
public static string GetData(string str, string str2)
{
return str + str2;
}
}
}

第三步:Core.js代码

var JHSoft = JHSoft || {};

//当前页面
JHSoft.currentURL = document.URL;

Jquery Ajax调用aspx页面实例的更多相关文章

  1. Jquery Ajax调用aspx页面方法

    Jquery Ajax调用aspx页面方法 在asp.net webform开发中,用jQuery ajax传值一般有几种玩法 1)普通玩法:通过一般处理程序ashx进行处理: 2)高级玩法:通过as ...

  2. jquery.ajax请求aspx和ashx的异同 Jquery Ajax调用aspx页面方法

    1.jquery.ajax请求aspx 请求aspx的静态方法要注意一下问题: (1)aspx的后台方法必须静态,而且添加webmethod特性 (2)在ajax方法中contentType必须是“a ...

  3. Jquery Ajax调用aspx页面方法 (转载)

    在asp.net webform开发中,用jQuery ajax传值一般有几种玩法 1)普通玩法:通过一般处理程序ashx进行处理: 2)高级玩法:通过aspx.cs中的静态方法+WebMethod进 ...

  4. Jquery ajax调用后台aspx后台文件方法(不是ashx)

    在asp.net webForm开发中,用Jquery ajax调用aspx页面的方法常用的有两种:下面我来简单介绍一下. (1)通过aspx.cs的静态方法+WebMethod进行处理 简单的介绍下 ...

  5. jQuery ajax调用后台aspx后台文件的两种常见方法(不是ashx)

    在asp.net webForm开发中,用Jquery ajax调用aspx页面的方法常用的有两种:下面我来简单介绍一下. [WebMethod] public static string SayHe ...

  6. WCF入门教程(四)通过Host代码方式来承载服务 一个WCF使用TCP协议进行通协的例子 jquery ajax调用WCF,采用System.ServiceModel.WebHttpBinding System.ServiceModel.WSHttpBinding协议 学习WCF笔记之二 无废话WCF入门教程一[什么是WCF]

    WCF入门教程(四)通过Host代码方式来承载服务 Posted on 2014-05-15 13:03 停留的风 阅读(7681) 评论(0) 编辑 收藏 WCF入门教程(四)通过Host代码方式来 ...

  7. JQuery ajax调用asp.net的webMethod

    本文章转载:http://www.cnblogs.com/zengxiangzhan/archive/2011/01/16/1936938.html 在vs2010中,用JQuery ajax调用as ...

  8. jquery ajax调用返回json格式数据处理

    Ajax请求默认的都是异步的 如果想同步 async设置为false就可以(默认是true) var html = $.ajax({ url: "some.php", async: ...

  9. jquery ajax调用WCF,采用System.ServiceModel.WebHttpBinding

    Jquery ajax调用WCF服务 例子效果如下:原界面 点击按钮GetList get后,通过指定的Url获取数据添加到table 新建一个控制台项目,添加IContract.cs,DBServi ...

随机推荐

  1. CodeForces 370A Rook, Bishop and King

    此题看似很简单,但实际上有不少细节,WA点不少.分情况处理即可. #include<cmath> #include<cstdio> #include<string> ...

  2. HDU 1285

    #include<stdio.h> #include<string.h> int degree[505],vis[505],map[501][501]; int main() ...

  3. cocos2d-x android项目引用so库编译

    项目接了几十个渠道平台,每个平台都建了一个Android工程,引用Classes,由于才用java接口类来抽象出平台接口方法,所以每个工程的Android.mk是完全一致的,也就是说libgame.s ...

  4. NOIP2015 斗地主(搜索+剪枝)

    4325: NOIP2015 斗地主 Time Limit: 30 Sec  Memory Limit: 1024 MBSubmit: 270  Solved: 192[Submit][Status] ...

  5. CF_402F dp+组合数学

    题目链接:http://codeforces.com/problemset/problem/403/D /**算法分析: 这道题综合的考察了dp背包思想和组合数学 */ #include<bit ...

  6. epoll原理解释(转)

    转自:http://yaocoder.blog.51cto.com/2668309/888374   首先我们来定义流的概念,一个流可以是文件,socket,pipe等等可以进行I/O操作的内核对象. ...

  7. poj 3469 Dual Core CPU【求最小割容量】

    Dual Core CPU Time Limit: 15000MS   Memory Limit: 131072K Total Submissions: 21453   Accepted: 9297 ...

  8. freemarker 数字,字符的操作

    1. 数据类型转换: ${xx?string} //字符串 ${xx?number}//整数 ${xx?currency}//小数 ${xx?percent}//百分比 2. 截取字符串长度 有的时候 ...

  9. 更改 Tomcat 日志路径

    国内私募机构九鼎控股打造APP,来就送 20元现金领取地址:http://jdb.jiudingcapital.com/phone.html内部邀请码:C8E245J (不写邀请码,没有现金送)国内私 ...

  10. IOS7 自定义UIBarButtonItem 的一些问题

    ios 下自定义导航栏的BarButtonItem 会产生一些偏移问题, 解决方案: 通过新建一个系统的带固定距离的Item来调节你的Item #define   IOS7_NAVI_SPACE   ...