JQuery ajax 使用

$.get 方法通过远程 HTTP GET 请求载入信息。
这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数，请使用 $.ajax。
它的主要几个参数，像method，async等进行了默认设置，我们不可以改变的

$.post(URL,data,callback);

$("button").click(function(){
$.get("test.jsp",function(data,status){
alert("Data: " + data + "\nStatus: " + status);
});
});

一、$.ajax的一般格式

$.ajax({

     type: 'POST',

     url: url ,

    data: data ,

    success: success ,

    dataType: dataType

});

二、$.ajax的参数描述

参数描述

url 必需。规定把请求发送到哪个 URL。
data 可选。映射或字符串值。规定连同请求发送到服务器的数据。
success(data, textStatus, jqXHR) 可选。请求成功时执行的回调函数。
dataType 可选。规定预期的服务器响应的数据类型。默认执行智能判断（xml、json、script 或 html）。
async 类型：Boolean 默认值: true。默认设置下，所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为 false。
注意，同步请求将锁住浏览器，用户其它操作必须等待请求完成才可以执行。如果执行后还需要执行其他函数的必须用同步
cache：如果cache为true，会缓存ajax结果，第二次及更多次的调用会用缓存中的结果。
如果不想使用缓存，只要cache:false就可以了。

三、$.ajax需要注意的一些地方：

1.data主要方式有三种，html拼接的，json数组，form表单经serialize()序列化的；通过dataType指定，不指定智能判断。

2.$.ajax只提交form以文本方式，如果异步提交包含<file>上传是传过不过去,需要使用jquery.form.js的$.ajaxSubmit

四、$.ajax我的实际应用例子

//1.$.ajax带json数据的异步请求

 $.ajax({
                url: '${root}/wap/3d/getNotPrizeUserCount/${uuid}',// 跳转到 action  
                dataType: 'json',
                data:{  
                 selRollBack : selRollBack,  
                 selOperatorsCode : selOperatorsCode,  
                 PROVINCECODE : PROVINCECODE,  
                 }, 
                async: false,
                success: function (data) {
                    if (data.result == 1) {
                        return false;
                    } else {
                        notPrizeUserCount = data.notPrizeUserCount;
                    }
                },
                error: function () {
                }
            });

//2.$.ajax序列化表格内容为字符串的异步请求

function noTips(){  
    var formParam = $("#Myform").serialize();//序列化表格内容为字符串  
     $.ajax({  
         type:'post',      
         url:'url',  
         data:formParam,  
        cache:false,  
         dataType:'json',  
         success:function(data){  
         }  
     });  
}

更详细的文档可以看： http://hemin.cn/jq/

猜你喜欢