您所在的位置: 首页 > 我的资料

jQuery-AJAX

浏览次数:0 2010-02-25 00:00

1.利用jQuery从服务器资源加载内容（内容为HTML元素）

语法：load(url,parameters,callback)

参数：
url：（字符串）服务器端资源的URL，正是向它而发送请求
parameters：（对象）一个对象，其属性被序列化为正确地编码的参数以便传递到请求里。如果指定，就用POST方法来发送请求；如果省略，就用GET方法来发送请求。
callback：（函数）一个回调函数，在响应数据己经加载到包装集元素之后被调用。传入这个函数的参数是响应文本、状态码，以及XHR实例。

返回：包装集

2.利用jQuery从服务器获取数据然后进行处理

语法：$.get(url,parameters,callback)

参数：
url：(字符串)将要通过GET方法进行交互的服务器端资源的URL
parameters：（对象/字符串）一个对象，其属性作为“名称/值对”用于构造查询字符串并追加到URL；或者一个预先格式化的和URL编码的查询字符串。
callback：（函数）回调函数，在请求完成时被调用。响应体作为第一个参数传递到这个回调函数，响应状态则作为第二个参数传递到这个回调函数。

返回：XHR实例

3.获取JSON数据

语法：$.getJSON(url,parameters,callback)

返回：XHR实例

4.发请POST请求

语法：$.post（url,parameters,callback）

参数：
url：（字符串）将要通过POST方法进行交互服务器端资源的URL
parameters：（对象/字符串）一个对象，其属性作为“名称/值对”用于构造请求体；或者一个预先格式化和URL编码的查询字符串。
callback：（函数）回调函数，在请求完成时被调用。响应体作为第一个参数传递到回调函数，状态码作为第二个参数传递到回调函数。

返回：XHR实例

5.完全控制Ajax请求

语法：$.ajax(option)

示例：

<head>
<script>CTX="${pageContext.request.contextPath}";</script>
</head>

var CTX;
function paperAudit(parameter){
//alert(parameter);
    $("#dataList").html("<img src='"+CTX+"/images/ajax-load.gif'>数据加载中....");
var url = CTX + "/paperAudit.do?method=paperAudit";
var params = parameter;
$.ajax({
    type: "POST",
    url: url,
    data: params,
    success: function(msg){
        if(msg == "" || msg == "Error"){
            $("#dataList").html("<img src='"+CTX+"/images/ajax-end.JPG'>数据加载失败!");
        }else{
          $("#dataList").html(msg);
        }
    }
});
$("#dataList").focus();
}

欢迎进入武汉999论坛　|　发表评论　|　责任编辑： tiger