投稿 资料上传 搜索
您现在的位置是: 首页 > 文章 > 正文

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("___________");

}
})




转载于:

文章标签:
阿里云服务器采购季
给作者打赏,鼓励TA抓紧创作!
评论