JQuery ajax 使用

$.get方法通过远程HTTPGET请求载入信息。

这是一个简单的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/

相关推荐