jquery $.post
jQuery.post()
jQuery.post( url [, data ] [, success ] [, dataType ] )Returns:jqXHR
Description: Load data from the server using a HTTP POST request.
version added:1.0jQuery.post(
url [, data ] [, success ] [, dataType ] )- urlType: StringA string containing the URL to which the request is sent.
- //解释一下:URL是必选的參数,其余參数可选。URL是request请求的路径。
- dataType: PlainObject or StringA plain object or string that is sent to the server with the request.
- //解释一下:data是浏览器通过request请求向server发送一些參数。这个參数的类型能够是字符串类型。也但是plainObject类(感觉和Java中Object差点儿相同)。
- successA callback function that is executed if the request succeeds. Required if
dataType
is provided, but can benull
in that case. - //解释一下:success是request请求成功后触发的回调函数。
- dataTypeType: StringThe type of data expected from the server. Default: Intelligent Guess (xml, json, script, text, html).
- //解释一下:dataType是从server返回的类型,能够是XML、json、script、text、HTML。
This is a shorthand Ajax function, which is equivalent to:
1
2
3
4
5
6
7
|
|
The success
callback function is passed the returned data, which will be an XML root element or a text string depending on the MIME type of the response. It is also passed the text status of the response.
//解释一下:上面的$.post能够用$.ajax来替代。
As of jQuery 1.5, the success
callback function is also passed a"jqXHR" object (injQuery 1.4,
it was passed the XMLHttpRequest
object).
Most implementations will specify a success handler:
1
2
3
|
|
This example fetches the requested HTML snippet and inserts it on the page.
Pages fetched with POST
are never cached, so thecache
andifModified
options in
jQuery.ajaxSetup()
have no effect on these requests.
//解释一下:自从jQuery1.5后是用的jqXHR 对象,而曾经的版本号是用的XMLHttpRequest对象。通过post方法获取的数据不会缓存。
The jqXHR Object
As of jQuery 1.5, all of jQuery's Ajax methods return a superset of theXMLHTTPRequest
object. This jQuery XHR object, or "jqXHR," returned by$.get()
implements the Promise interface,
giving it all the properties, methods, and behavior of a Promise (seeDeferred object for more information). ThejqXHR.done()
(for success),jqXHR.fail()
(for error), andjqXHR.always()
(for completion, whether success or error) methods take a function argument that is called when the request terminates. For information about the arguments this function receives, see thejqXHR
Object section of the $.ajax() documentation.
The Promise interface also allows jQuery's Ajax methods, including$.get()
, to chain multiple.done()
,
.fail()
, and.always()
callbacks on a single request, and even to assign these callbacks after the request may have completed. If the request is already complete, the callback is fired immediately.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
|
//解释一下:向example.php发送请求假设成功就弹出success,假设发送两次都成功了。就弹出second success;假设失败,弹出error。假设完毕,弹出finished等。这里的done就是请求成功后运行的函数。fail就是请求失败后运行的函数。always就是不管请求成功还是失败都要运行的函数。
Deprecation Notice
The jqXHR.success()
, jqXHR.error()
, andjqXHR.complete()
callback methods introduced in jQuery 1.5 aredeprecated as of jQuery 1.8. To prepare your code for their eventual
removal, usejqXHR.done()
,jqXHR.fail()
, and jqXHR.always()
instead.
//解释一下:success、error和complete方法是在jQuery1.5中出现的。如今不推荐使用,推荐用done、fail、always来取代这些函数。
Additional Notes:
- Due to browser security restrictions, most "Ajax" requests are subject to thesame origin policy;
the request can not successfully retrieve data from a different domain, subdomain, port, or protocol. - If a request with jQuery.post() returns an error code, it will fail silently unless the script has also called the global.ajaxError()method. Alternatively,
as of jQuery 1.5, the.error()
method of thejqXHR
object returned by jQuery.post() is also available for error handling. - //解释一下:因为浏览器的安全策略,来自不同的域,子域、port和协议时,获取数据可能不成功。
Examples:
Example: Request the test.php page, but ignore the return results.
1
|
|
Example: Request the test.php page and send some additional data along (while still ignoring the return results).
1
|
|
Example: Pass arrays of data to the server (while still ignoring the return results).
1
|
|
Example: Send form data using ajax requests
1
|
|
Example: Alert the results from requesting test.php (HTML or XML, depending on what was returned).
1
2
3
|
|
Example: Alert the results from requesting test.php with an additional payload of data (HTML or XML, depending on what was returned).
1
2
3
4
|
|
Example: Post to the test.php page and get content which has been returned in json format (<?php echo json_encode(array("name"=>"John","time"=>"2pm")); ?>).
1
2
3
4
|
|
//解释一下:上面是post方法的一些简单举例,涉及的东西还是上面讲到的。
Example: Post a form using ajax and put results in a div
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
|
|
jquery $.post的更多相关文章
- 冰冻三尺非一日之寒--jQuery
第十七章 jQuery http://jquery.cuishifeng.cn/ 一.过滤选择器: 目的:处理更复杂的选择,是jQuery自定义的,不是CSS3中的选择器. ...
- 进击的Python【第十七章】:jQuery的基本应用
进击的Python[第十七章]:jQuery的基本应用
- 网页设计之jQuery
1.在html中引入css和jQuery <!DOCTYPE html> <html lang="en"> <head> <meta ch ...
- Python之Web前端Dom, jQuery
Python之Web前端: Dom jQuery ###Dom 一. 什么是Dom? 文档对象模型(Document Object Model,DOM)是一种用于HTML和XML文档的编程接口.它 ...
- vue-cli webpack 引入jquery
首先在package.json里的dependencies加入"jquery" : "^2.2.3",然后install 在webpack.base.conf. ...
- Python 前端之JQuery
查找: 选择器 筛选器 操作: CSS 属性 文本 事件: 优化 扩展: Form表单验证 Ajax: 偷偷发请求 www.php100.com/manual/jquery http://blog.j ...
- 如何做到尽可能不使用庞大的jQuery
jQuery 是现在最流行的 JavaScript 工具库. 据统计,目前全世界 57.3% 的网站使用它.也就是说,10 个网站里面,有 6 个使用 jQuery.如果只考察使用工具库的网站,这个比 ...
- Web前端新人笔记之了解Jquery
与javaScript相比,Jquery更简洁.浏览器的兼容性更强,语法更灵活,对xpath的支持更强大.一个$符就可以遍历文档中各级元素.例:在页面上有一个无序列表,我们需要将所有列表项中的文本内容 ...
- 完美让IE兼容input placeholder属性的jquery实现
调用时直接引用jquery与下面的js就行了,相对网上的大多数例子来说,这个是比较完美的方案. /* * 球到西山沟 * http://www.cnzj5u.com * 2014/11/26 12:1 ...
- python运维开发(十六)----Dom&&jQuery
内容目录: Dom 查找 操作 事件 jQuery 查找 筛选 操作 事件 扩展 Dom 文档对象模型(Document Object Model,DOM)是一种用于HTML和XML文档的编程接口.它 ...
随机推荐
- Clob对象转为字符串
项目中遇到一个问题,对方公司把打印好的报表数据存到数据库中,实际上就是把html存在Oracle中,然后需要我们在社保系统里进行查询. 但是他们把数据存放在B数据库,而我们的社保系统用的数据库是B.A ...
- design pattern factory method #Reprinted#
引入人.工厂.和斧子的问题: (1),原始社会时,劳动社会基本没有分工,需要斧子的人(调用者)只好自己去磨一把斧子,每个人拥有自己的斧子,如果把大家的石斧改为铁斧,需要每个人都要学会磨铁斧的本领,工作 ...
- Qt见解:Post 与 Get 的区别(Get将参数直接与网址整合为一个整体,而Post则将其拆为两个部分)
第一次接触Qt的Http项目,今天看了一下Post和Get的基本使用方法,就开始尝试了.原先以为Post专门用于向服务器发送请求,然后接收服务器应答的: 而Get只是单纯从服务器获取资源,比如下载这个 ...
- Uva 10935 Throwing cards away I
题目意思:有N张牌,标号为1~N,且牌以叠好,从上到小就是标号1-N的牌,只要牌堆数量大于等于2的时候,就采取如下操作:将最上面的牌扔掉(即离开牌堆).刚才那张牌离开后,再将新的最上面的牌放置于牌堆最 ...
- poj 1159 Palindrome(区间dp)
题目链接:http://poj.org/problem?id=1159 思路分析:对该问题的最优子结构与最长回文子序列相同.根据最长回文子序列的状态方程稍加改变就可以得到该问题动态方程. 假设字符串为 ...
- iOS开发 日常错误积累
1.ios7 tableviewcell上面加入一个view,view上面有button,点击button不运行button的点击事件 解决的方法: self.view.userInteraction ...
- AsyncQueryHandler处理数据
参考:http://blog.csdn.net/hfreeman2011/article/details/8555474和http://blog.csdn.net/dragondog/article/ ...
- hyper-V 装ubuntu15.04
- 外设:K9F2G08 nandflash 底层读写、控制驱动程序,可随机读写
/****************************************************************************** Copyright (C), 2001- ...
- 字符串查找函数 find()函数
find()函数可以帮助你在两个字符串之间,查找很多他们的关系... #include<iostream> #include<string> using namespace s ...