jquery+ajax异步通讯(一)

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

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

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

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

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

1。js代码

<script type="javescript">

//简单的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页面

<input type="button" value="简单的异步调用" onclick="GetCsServer()">

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