6，Ajax

推荐的学习资源来自：张子秋http://www.cnblogs.com/zhangziqiu/tag/jQuery%e6%95%99%e7%a8%8b/

概要：

       在jQuery中使用ajax及保存了js写ajax的灵活性，又有像其他ajax类库（asp ajax）的易编写，易读。

内容：

       核心的函数jQuery.ajax(options)。其他函数都是他的简化调用，如get，post，load。

       Load（url,[data],[callback]）：

              最简单，有局限。默认get方法，有参数时自动post方法

1， 用于直接返回html的ajax接口

2， 是jQuery包装集，在包装集上使用，并加载到对象中去

要时刻注意浏览器缓存，当使用get时要添加事件参数（newData（））.getTime()

 

//发送Get请求

                $("#divResult").load("../data/AjaxGetMethod.aspx?param=btnAjaxGet_click" + "&timestamp=" + (new Date()).getTime());

            });

            $("#btnAjaxPost").click(function(event)

            {

                //发送Post请求

                $("#divResult").load("../data/AjaxGetMethod.aspx", { "param": "btnAjaxPost_click" });

            });

            $("#btnAjaxCallBack").click(function(event)

            {

                //发送Post请求, 返回后执行回调函数.

                $("#divResult").load("../data/AjaxGetMethod.aspx", { "param": "btnAjaxCallBack_click" }, function(responseText, textStatus, XMLHttpRequest)

                {

                    responseText = " Add in the CallBack Function! <br/>" + responseText

                    $("#divResult").html(responseText); //或者: $(this).html(responseText);

                });

            });

            $("#btnAjaxFiltHtml").click(function(event)

            {

                //发送Get请求, 从结果中过滤掉 "鞍山" 这一项

                $("#divResult").load("../data/AjaxGetCityInfo.aspx?resultType=html" + "&timestamp=" + (new Date()).getTime() + " ul>li:not(:contains('鞍山'))");

            });

 

 

Get(url,[data],[callback],[type]):

       返回xmlHttpRequest.

       此函数发送Get请求, 参数可以直接在url中拼接, 比如:

        $.get("../data/AjaxGetMethod.aspx?param=btnAjaxGet_click");

或者通过data参数传递:

$.get("../data/AjaxGetMethod.aspx", { "param": "btnAjaxGet2_click" });

 

              getJson(url,[data],[callback]):等同于get(url,[data],[callback],”json”)

              getScript(url,[callback]):等同于get(url,[callback],”script”)

              post(url,[data],[callback],[type])

              ajax(option)

 

       Ajax相关函数：

              ajaxSetup(options):无返回值，设置全局ajax默认options选项

              serilalize():返回string，序列字符串，用于ajax请求

              serilalizeArray():返回Array<object>，格式化，返回json对象，非json字符串

 

       全局ajax事件：

       在jQuery.ajaxSetup( options ) 中的options参数属性中, 有一个global属性:

global

类型:布尔值

默认值: true

说明:是否触发全局的Ajax事件.

主要有如下事件:

名称	说明
ajaxComplete( callback )	AJAX 请求完成时执行函数
ajaxError( callback )	AJAX 请求发生错误时执行函数
ajaxSend( callback )	AJAX 请求发送前执行函数
ajaxStart( callback )	AJAX 请求开始时执行函数
ajaxStop( callback )	AJAX 请求结束时执行函数
ajaxSuccess( callback )	AJAX 请求成功时执行函数

 注意：

    如果在Get请求发送的url中有两个同名参数, 比如两个param参数:

http://localhost/AjaxGetMethod.aspx?param=Multiple&param=Multiple3

使用服务器端方法获取param参数:

        if (!String.IsNullOrEmpty(HttpContext.Current.Request["Param"]))

        {

            param = HttpContext.Current.Request["Param"];

        }

此时获取到得param是一个用","分隔多个值的字符串:

Multiple,Multiple3