jQuery post()事件使用方法详解

通过服务器HTTP POST请求加载数据

version added: 1.0jQuery.post( url, [ data ], [ success(data, textStatus, jqXHR) ], [ dataType ] )
url一个包含发送请求的URL字符串

data向服务器发送请求的对象或者字符串参数

success(data, textStatus, jqXHR)当请求成功后执行的回调函数。

dataType从服务器返回的预期的数据类型。默认:智能猜测(xml, json, script, or html)。

这是一个快速的AJax处理函数,相当于:

 代码如下 复制代码

$.ajax({
  type: 'POST',
  url: url,
  data: data,
  success: success
  dataType: dataType
});

success的回调函数是根据MIME类型的响应,通过返回的数据包括XML根节点, 字符串, JavaScript 文件, 或者 JSON 对象,。 它也通过了响应文本状态。

在jQuery 1.5,在success回调函数还通过了“jqXHR”对象 ( 在 jQuery 1.4中 ,它是通过XMLHttpRequest对象)。

大多数实现将指定一个成功的处理函数:

 代码如下 复制代码

$.post('ajax/test.html', function(data) {
  $('.result').html(data);
});

这个例子所请求的全部HTML代码片段插在页面。

用 POST 获取的页面是从来不缓存的, 所以这些请求中的 cache 和 ifModified 选项在 jQuery.ajaxSetup() 是没有效果的。

此函数是下面函数的简写形式

 代码如下 复制代码
$.ajax({
  type: 'POST',
  url: url,
  data: data,
  success: success,
  dataType: dataType
});

使用示例:

 代码如下 复制代码

$.post("test.php", { "func": "getNameAndTime" },
 function(data){
   console.log(data.name); // John
   console.log(data.time); //  2pm
 }, "json")
.success(function() { alert("second success"); })
.error(function() { alert("error"); })
.complete(function() { alert("complete"); });

关于dataType参数的详细说明

期待从服务器返回的数据类型. 如果不指定, jQuery 将基于返回结果的MIME类型 (XML MIME 类型将产生 XML, in 1.4 JSON 将产生 一个 JavaScript 对象, in 1.4 script 将执行 script, and 其他将作为字符串返回)尝试推断它. 可用的类型 (和传递给 success callback 函数第一个参数最终的结果) 是:

“xml”: 返回一个可以通过jQuery解析的 XML 文档 .

“html”: 把 HTML 作为普通文本返回; included script tags are evaluated when inserted in the DOM.

“script”: 将返回值作为 JavaScript对待并以普通文本方式返回. Disables caching by appending a query string parameter, “_=[TIMESTAMP]“, to the URL unless the cache option is set to true. Note: This will turn POSTs into GETs for remote-domain requests.

“json”: 将返回值作为 JSON 对待 并返回一个 JavaScript 对象. In jQuery 1.4 JSON 数据使用严格的方式解析; 任何格式异常的JSON 都被拒绝并抛出一个parse error. (更多关于正确的JSON格式请参考 json.org 网站.)

“jsonp”: Loads in a JSON block using JSONP. Adds an extra “?callback=?” to the end of your URL to specify the callback. Disables caching by appending a query string parameter, “_=[TIMESTAMP]“, to the URL unless the cache option is set to true.

“text”: 普通文本字符串.

多个以空格分隔的值: 从 jQuery 1.5, jQuery 能够将从Content-Type头中得到的dataType转换为你需要的其他类型 . 例如,如果你想将一个文本返回值作为XML对待,使用 “text xml” 作为 dataType. You can also make a JSONP request, have it received as text, and interpreted by jQuery as XML: “jsonp text xml.” Similarly, a shorthand string such as “jsonp xml” will first attempt to convert from jsonp to xml, and, failing that, convert from jsonp to text, and then from text to xml.

时间: 2024-10-25 20:13:08

jQuery post()事件使用方法详解的相关文章

jQuery.load()事件使用方法详解

.load( url, [ data ], [ complete(responseText, textStatus, XMLHttpRequest) ] ) 返回: jQuery 描述: 载入远程 HTML 文件代码并插入至 DOM 中. version added: 1.0.load( url, [ data ], [ complete(responseText, textStatus, XMLHttpRequest) ] ) url一个包含发送请求的URL字符串 data向服务器发送请求的K

jquery 遍历数组 each 方法详解_jquery

JQuery拿取对象的方式 $('#id') :通过元素的id $('tagName') : 通过元素的标签名 $('tagName tagName') : 通过元素的标签名,eg: $('ul li') $('tagName#id): 通过元素的id和标签名 $(':checkbox'):拿取input的 type为checkbox'的所有元素: Eg: <input type="checkbox" name="appetizers" value="

Android ListView监听滑动事件的方法(详解)

ListView的主要有两种滑动事件监听方法,OnTouchListener和OnScrollListener 1.OnTouchListener OnTouchListener方法来自View中的监听事件,可以在监听三个Action事件发生时通过MotionEvent的getX()方法或getY()方法获取到当前触摸的坐标值,来对用户的滑动方向进行判断,并可在不同的Action状态中做出相应的处理 mListView.setOnTouchListener(new View.OnTouchLis

jQuery中hover事件使用方法详解

hover(over,out)一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法.这是一个自定义的方法,它为频繁使用的任务提供了一种"保持在其中"的状态.当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数.当鼠标移出这个元素时,会触发指定的第二个函数.而且,会伴随着对鼠标是否仍然处 在特定元素中的检测(例如,处在div中的图像),如果是,则会继续保持"悬停"状态,而不触发移出事件(修正了使用mouseout事件的一个常见错 误). 参数 : ove

PHP+JQuery+Ajax实现分页方法详解_php技巧

本文实例讲述了PHP+JQuery+Ajax实现分页的方法.分享给大家供大家参考,具体如下: 为了锻炼下jQuery,决定自己动手写写分页 最终的效果如图: 点击某个字母后,下方显示以该字母为首字母的所有词语: 分页显示,每页显示15个词语,每组页码有20个,1-20/20-40--- 首先是在PHP文件中的分页Pager的相关代码 public function searchWordsByInitial() //从AJAX发出的URL中获得参数:用户点击的字母和点击的页码 $initial =

jQuery 跳出each循环方法详解

jQuery 跳出each循环不能使用break和continue,要使用return, break----用return false; continue --用return ture;    代码如下 复制代码 $.each(array,function()...{    if(条件1成立)...{      return true; //相当于continue;    }    if(条件2成立)...{      return false; //相当于break;    } }); 具体如

Jquery typeof的使用方法详解

ypeof语法: typeof([extension]) 即typeof后边跟一个表达式,要不要括号都可以.它将返回一个字符串,表示表达式的类型,而表达式的类型只有六种可能:number.string.boolean.object.function.undefined 实际的类型可以参考微软的一份JScript帮助文档中的"JScript 的数据类型",其中还有null,但null经过typeof返回的类型是object.而一个变量,如果没有赋值时,它的类型为undefined,但它值

jquery移除、绑定、触发元素事件使用示例详解

 这篇文章主要介绍了jquery移除.绑定.触发元素事件使用示例详解,需要的朋友可以参考下  代码如下: unbind(type [,data])     //data是要移除的函数 $('#btn').unbind("click"); //移除click $('#btn').unbind(); //移除所有     对于只需要触发一次的,随后就要立即解除绑定的情况,用one()    代码如下: $('#btn').one("click",function(){.

jQuery原型属性和原型方法详解_jquery

首先看一下在jQuery1.7.1中定义的原型属性和方法有哪些? 首先是constructor属性  相信熟悉js面向对象部分的开发人员都熟悉,就是用来返回对象属性创建的函数,举个简单的例子: function Person(){}; var person=new Person(); alert(person.constructor); //function Person(){} 我们写继承的时候喜欢把所有的原型属性和方法放在一个单独的对象字面量中,这样就会导致constructor属性与"实际