Jquery Ajax调用aspx页面实例
目前，我会的几种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页面实例的更多相关文章
- Jquery Ajax调用aspx页面方法
Jquery Ajax调用aspx页面方法 在asp.net webform开发中,用jQuery ajax传值一般有几种玩法 1)普通玩法:通过一般处理程序ashx进行处理: 2)高级玩法:通过as ...
- jquery.ajax请求aspx和ashx的异同 Jquery Ajax调用aspx页面方法
1.jquery.ajax请求aspx 请求aspx的静态方法要注意一下问题: (1)aspx的后台方法必须静态,而且添加webmethod特性 (2)在ajax方法中contentType必须是“a ...
- Jquery Ajax调用aspx页面方法 (转载)
在asp.net webform开发中,用jQuery ajax传值一般有几种玩法 1)普通玩法:通过一般处理程序ashx进行处理: 2)高级玩法:通过aspx.cs中的静态方法+WebMethod进 ...
- Jquery ajax调用后台aspx后台文件方法(不是ashx)
在asp.net webForm开发中,用Jquery ajax调用aspx页面的方法常用的有两种:下面我来简单介绍一下. (1)通过aspx.cs的静态方法+WebMethod进行处理 简单的介绍下 ...
- jQuery ajax调用后台aspx后台文件的两种常见方法(不是ashx)
在asp.net webForm开发中,用Jquery ajax调用aspx页面的方法常用的有两种:下面我来简单介绍一下. [WebMethod] public static string SayHe ...
- 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代码方式来 ...
- JQuery ajax调用asp.net的webMethod
本文章转载:http://www.cnblogs.com/zengxiangzhan/archive/2011/01/16/1936938.html 在vs2010中,用JQuery ajax调用as ...
- jquery ajax调用返回json格式数据处理
Ajax请求默认的都是异步的 如果想同步 async设置为false就可以(默认是true) var html = $.ajax({ url: "some.php", async: ...
- jquery ajax调用WCF，采用System.ServiceModel.WebHttpBinding
Jquery ajax调用WCF服务 例子效果如下:原界面 点击按钮GetList get后,通过指定的Url获取数据添加到table 新建一个控制台项目,添加IContract.cs,DBServi ...
随机推荐
- chm 字体修改
今天打开从网络下载的“[MSDN]Csharp编程指南+参考手册.chm”文件,以为看看里面所提供的一些知识点,但是发现文件显示的字体觉得有点别扭,以为能够像网页那样ctrl键+鼠标滚轮就能进行字体的 ...
- C# 中判断程序是否启动使用Mutex使用异常
[背景] 在最近的一个项目中,我负责客户端模块的工作.需求要求,在启动客户端时需要判断客户端是否已经启动(单例).于是我决定使用Mutex来实现此功能,代码如下: bool initiallyOwne ...
- oracle 创建索引
一.索引简介 1.索引相当于目录 2.索引是通过一组排序后的索引键来取代默认的全表扫描检索方式,从而提高检索效率. 3.索引的创建要适度,多了会影响增删改的效率,少了会影响查询的效率,索引最好创建在取 ...
- HDU 1754 I Hate It 线段树 单点更新 区间最大值
#include<iostream> #include<string> #include<algorithm> #include<cstdlib> #i ...
- HW2.11
控制台: import java.util.Scanner; public class Solution { public static void main(String[] args) { Scan ...
- IT应聘者的简历应该是怎么样的？
从去年到现在看了几百份简历,包括产品运营和产品设计师的职位.我不是 HR,只是想直接看到求职者的状况,看看是不是要换更准确的渠道去招聘对的人.我看简历的目的也很简单:找到没有什么问题且可能合适的人,然 ...
- WPF布局系统[转]
转自:http://www.cnblogs.com/niyw/archive/2010/10/31/1863908.html前言 前段时间忙了一阵子Google Earth,这周又忙了一阵子架构师论文 ...
- Unrecognized Windows Sockets error: 0: JVM_Bind 异常解决办法
java.net.SocketException: Unrecognized Windows Sockets error: 0: JVM_Bind 此异常的原因是服务器端口被占用 所以解决办法是: 一 ...
- 准备开一个地图SDK的开源项目
最近有点空闲时间了, 准备开一个地图SDK的开源项目, 现在的地图SDK已经有很多了, 再做一个跟重新发明个轮子差不多, 但还想做的原因是想在别的轮子的基础上造个轮子... 初步设想是基于开源的地图渲 ...
- eclipse项目出现红色叉叉解决方案
方法一:导入的文件被删除了.解决方法:右击项目名,在弹出的菜单中选择“Bulid Path”-->“configure build path”-->“Source”,找到已被删除的那个文件 ...