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" + "×tamp=" + (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" + "×tamp=" + (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相关函数：
ajaxSetup(options):无返回值，设置全局ajax默认options选项
serilalize():返回string，序列字符串，用于ajax请求
serilalizeArray():返回Array<object>，格式化，返回json对象，非json字符串
全局ajax事件：
在jQuery.ajaxSetup( options ) 中的options参数属性中, 有一个global属性:
global
类型:布尔值
默认值: true
说明:是否触发全局的Ajax事件.
主要有如下事件:
|
名称 |
说明 |
|
AJAX 请求完成时执行函数 |
|
|
AJAX 请求发生错误时执行函数 |
|
|
AJAX 请求发送前执行函数 |
|
|
AJAX 请求开始时执行函数 |
|
|
AJAX 请求结束时执行函数 |
|
|
AJAX 请求成功时执行函数 |
注意：
如果在Get请求发送的url中有两个同名参数, 比如两个param参数:
http://localhost/AjaxGetMethod.aspx?param=Multiple¶m=Multiple3
使用服务器端方法获取param参数:
if (!String.IsNullOrEmpty(HttpContext.Current.Request["Param"]))
{
param = HttpContext.Current.Request["Param"];
}
此时获取到得param是一个用","分隔多个值的字符串:
Multiple,Multiple3
