目前，我会的几种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. Unity3d Realtime Dynamic Volume Clouds Rendering

    Ray Marching体积渲染+perlin noise 动态效果: 博主近期渲染: 2016的渲染 2015后半段的渲染 ---- by wolf96

  2. HTML5/CSS3动画应用

    http://www.html5tricks.com/cool-html5-css3-animation.html

  3. Java和C++的区别

    这是一个Java语言和C++语言之间的比较. 目录 [隐藏]  1 设计目标 2 语言特性 2.1 语法 2.2 语义 2.3 资源管理 2.4 库 2.5 运行时 2.6 模板 vs. 泛型 2.7 ...

  4. 从html5标准的正式发布到国内CMS的变革

    10月底万维网联盟(W3C)宣布,经过将近8年的艰辛努力,HTML5标准规范终于最终制定完成并正式发布. W3C的正式批准让人们对HTML5更有信心.“这是一个里程碑,标志着很多人员在长达七年时间内投 ...

  5. YUV格式总结

    1. YUV是被欧洲电视系统所采用的一种颜色编码方法(属于PAL),是PAL和SECAM模拟彩色电视制式采用的颜色空间.在现代彩色电视系统中,通常采用三管彩色摄影机或彩色CCD摄影机进行取像,然后把取 ...

  6. zabbix 获取不到自定义脚本的值解决

    agent端: zabbix 自定义脚本 [root@localhost script]# cat check_ping.sh #!/bin/bash result=$(/usr/local/nagi ...

  7. 选择一个 HTTP 状态码不再是一件难事 – Racksburg

    原文链接:http://racksburg.com/choosing-an-http-status-code/ 打开双语对照阅读 有什么能比 HTTP 响应状态码更简单呢?页面渲染了吗?好极了,返回  ...

  8. sql转Linq的工具

    本文转载:http://www.cnblogs.com/huangxincheng/archive/2011/05/12/2044990.html 介绍一个小工具 Linqer   这些天写Linq挺 ...

  9. How to find configuration file MySQL uses?

    http://www.dbasquare.com/2012/04/01/how-to-find-mysql-configuration-file/ A customer called me today ...

  10. iOS 基础知识

    1获取系统语言设置 NSUserDefaults *userDefault = [NSUserDefaults standardUserDefaults]; NSArray *languages = ...