jquery+ajax异步通讯(一)

最新推荐文章于 2025-12-11 16:09:33 发布

转载最新推荐文章于 2025-12-11 16:09:33 发布 · 70 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/chenhanlin/archive/2010/04/26/1721637.html

文章标签：

#javascript #json #前端 #ViewUI

本文详细介绍了如何使用JQuery结合Ajax实现异步调用，包括JS代码的具体写法、Default.aspx.cs文件中后台方法的设置及Default.aspx页面上的按钮事件绑定。通过这些步骤，可以轻松实现页面的无刷新数据交互。

最近了解了JQuery+ajax异步通讯，感觉不错，挺好的。好东西就拿来分享。希望大家共同学习进步。

我了解到的大概就是一下这几种形式：

1.调用 *.aspx.cs方法
2.调用 *.asmx方法
3.调用*.ashx页面
4.Web前端可以用Json、XML、String格式进行传输
5.Web前端与后台简单输入输出参数
6.对象集合方式传入参数
7.对象集合方式接收参数

今天介绍第一种方式，以后将陆续介绍后面几种方式。

使用jquery，页面必须引用jquery的库文件这一点大家应该都知道，关键是如何使用jquery中的ajax对象。下面介绍具体用法。

1。js代码

//简单的CS异步调用
function GetCsServer(){
$.ajax({
        type: "POST",
        url: "Default.aspx/GetCsServer",
        data: "{}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(msg) {
            var result = msg.d;
            alert(result);
        }
   });
}

</script>

注意：url后面Default.aspx/GetCsServer对应的是后台页面Default.aspx中的GetCsServer方法

2。Default.aspx.cs

　 /// <summary>
    /// 调用CS后台方法
    /// </summary>
    /// <returns></returns>
    [WebMethod(EnableSession = true)]
    public static string GetCsServer()
    {
        return "调用CS后台程序成功！";
    }

注意：这个方法必须是static的，而且要加上WebMethod，如果想在这个方法里面使用Session，则必须要在前面加上EnableSession = true；

3。Default.aspx页面

这样，使用一个HTML的普通按钮就用调用到了后台的方法，实现无刷新。简单的异步调用就完成了。

转载于:https://www.cnblogs.com/chenhanlin/archive/2010/04/26/1721637.html