jQuery学习之四---Ajax请求
来源:互联网 发布:嵌入式转人工智能领域 编辑:程序博客网 时间:2024/05/16 05:20
1、$.ajax(url,[settings])
jQuery版的Ajax:是对原生XMLHttpRequest对象的封装,同时也省去了很多麻烦
当然前提是,你需要有一份JQ文件,可以自己去官网上去下载一份。
点击这个网址:JQ文件下载
其基本方法就是$.ajax(),参数是一组对象
以下是它的参数列表:
① url:请求的链接地址
② data:发送的数据,一般以对象的方式
③ dataType:返回的数据类型,默认text文本类型,一般可设置为json,jsonp,html,xml等
④ type:请求方式,get和post
⑤ async:同步还是异步,默认异步true,同步false,同步会造成页面卡顿
⑥ success:function(){},请求成功的回调函数
⑦ error:function(){},请求失败的回调函数
ok,我们来分别看看以下三种类型:
返回数据类型为JSON:不可跨域,支持get和post两种方式。
GET方式:这种方式,data的值一般可以直接拼接在url之后
POST方式:
返回数据类型为JSONP:可跨域,但是只支持get一种传达方式
2、load(url,[data],[callback])
载入远程 HTML 文件代码并插入至 DOM 中。
默认使用 GET 方式 - 传递附加参数时自动转换为 POST 方式。
url:待装入 HTML 网页网址。
data:发送至服务器的 key/value 数据。
callback:载入成功时回调函数。
比如:把一个HTML文件的内容加载插在一个p标签$("p").load("test.html");再比如:再test文件中,选择前20条加载插在p标签中,并返回插入成功的信息$("p").load("test.html",{limit:20},function(){ alert("插入成功");})
3、$.get(url,[data],[fn],[type])
通过远程 HTTP GET 请求载入信息。这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。
参数:
url:待载入页面的URL地址
data:待发送key/value参数
callback:载入成功时回调函数
type:返回内容格式,xml,html,script,json,test,jsonp
①请求test.php网页,传送2个参数,忽略返回值$.get("test.php",{name:"pingzi",date:"2017"});②请求网页,传递参数,并返回载入成功的函数$.get("test.cgi", { name: "John", time: "2pm" },function(data){ alert(data);});
4、$.post(url,[data],[fn],[type])
用法与$.get()一样,在此不再赘述。
5、$.getJSON(url,[data],[fn])
通过 HTTP GET 请求载入 JSON 数据。
在 jQuery 1.2 中,您可以通过使用JSONP形式的回调函数来加载其他网域的JSON数据,如 “myurl?callback=?”。jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。
6、 $.getScript(url,[callback])
通过 HTTP GET 请求载入并执行一个 JavaScript 文件。
$.getScript("test.js", function(){ alert("加载完毕");});
7、ajaxComplete(callback)
AJAX 请求完成时执行函数。Ajax 事件。
8、 ajaxError(callback)
AJAX 请求发生错误时执行函数。Ajax 事件。
9、ajaxSend(callback)
AJAX 请求发送前执行函数。Ajax 事件。
10、ajaxStart(callback)
AJAX 请求开始时执行函数。Ajax 事件。
11、 ajaxStop(callback)
AJAX 请求结束时执行函数。Ajax 事件。
12、ajaxSuccess(callback)
AJAX 请求成功时执行函数。Ajax 事件。
- jQuery学习之四---Ajax请求
- jquery之AJAX请求方法学习
- jQuery之Ajax请求
- jQuery之Ajax请求
- jQuery之Ajax请求
- JQuery之Ajax请求
- struts2学习之struts2 + jquery + json进行AJAX请求
- jQuery 之ajax jsonp跨域请求学习笔记
- jquery学习(二)--------jquery Ajax请求
- jquery学习之AJAX
- jQuery学习之AJAX
- jQuery学习笔记四(jQuery - AJAX)
- jquery之ajax跨域请求
- jQuery之异步Ajax请求使用
- jQuery之异步Ajax请求使用
- jQuery异步请求ajax()之async详解
- JQuery进行Ajax请求的四种方式
- jQuery 学习笔记四 Ajax提交数据
- NuMaker-PFM-M487开发板简介
- 机器学习-自然语言处理
- Gevent 的 KeyError
- Access denied for user 'ls'@'localhost' (using password: YES
- 第十三周项目2
- jQuery学习之四---Ajax请求
- leetCode-Contains Duplicate II
- 输入一个整数,判断其是几位数
- Python concurrent.futures 文档翻译
- 开始记录学习的旅程
- cs231n听课笔记
- 产品经理需要知道的职位
- 第十三周项目3
- 729. My Calendar I && 731. My Calendar II && 732. My Calendar III