jQuery Ajax的使用介绍
前言
jQuery是一个简洁的JavaScript库,极大的简化了JavaScript编程;相比JavaScript,jQuery在HTML文档操作,事件处理,动画设计和ajax交互操作更简单,真的做到了写更少的代码,做更多的事。本文主要针对jQuery中ajax的使用做个介绍。
一 . ajax方法介绍
ajax方法是用于执行异步HTTP请求,是一种与服务器进行数据交换的技术,它能在页面不重新载入的情况下更新页面数据。
二. jQuery $.ajax()方法
1. $.ajax()基本结构如下:
$.ajax({
url:请求地址
type:"get | post | put | delete " 默认是get,
data:请求参数 {"acct":"2322","pwd":"32443"},
dataType:请求数据类型"html | text | json | xml | script | jsonp ",
success:function(data,dataTextStatus,jqxhr){ },//请求成功时
error:function(jqxhr,textStatus,error)//请求失败时
})
2. $.ajax()例子
$.ajax({
url:"/login",
type:"POST", dataType:"json",contentType : 'application/json;charset=utf-8',
success:function(data,textStatus,jqxhr){
console.log("__请求结果成功返回__");
console.log(data);
console.log(textStatus);
console.log(jqxhr);
console.log("______");
},
error:function(jqxhr,textStatus,error){
console.log("__请求结果失败返回__");console.log(error);
console.log(textStatus);
console.log(jqxhr);
console.log("___________");
}
})
文章标签: