JQuery ajax 使用

来源:互联网 发布:一些整人简单编程代码 编辑:程序博客网 时间:2024/06/07 23:25
$.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/
1 0
原创粉丝点击