博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery ajax post 入门及简单实例
阅读量:5739 次
发布时间:2019-06-18

本文共 2360 字,大约阅读时间需要 7 分钟。

定义和用法

post() 方法通过 HTTP POST 请求从服务器载入数据。

语法

jQuery.post(url,data,success(data, textStatus, jqXHR),dataType)
参数 描述
url 必需。规定把请求发送到哪个 URL。
data 可选。映射或字符串值。规定连同请求发送到服务器的数据。
success(data, textStatus, jqXHR) 可选。请求成功时执行的回调函数。
dataType

可选。规定预期的服务器响应的数据类型。

默认执行智能判断(xml、json、script 或 html)。

详细说明

该函数是简写的 Ajax 函数,等价于:

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

根据响应的不同的 MIME 类型,传递给 success 回调函数的返回数据也有所不同,这些数据可以是 XML 根元素、文本字符串、JavaScript 文件或者 JSON 对象。也可向 success 回调函数传递响应的文本状态。

对于 jQuery 1.5,也可以向 success 回调函数传递 (jQuery 1.4 中传递的是 XMLHttpRequest 对象)。

大部分实现会规定一个 success 函数:

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

本例读取被请求的 HTML 片段,并插入页面中。

通过 POST 读取的页面不被缓存,因此  中的 cache 和 ifModified 选项不会影响这些请求。

注释:由于浏览器安全方面的限制,大多数 "Ajax" 请求遵守同源策略;请求无法从不同的域、子域或协议成功地取回数据。

注释:如果由 jQuery.post() 发起的请求返回错误代码,那么不会有任何提示,除非脚本已调用了全局的 。或者对于 jQuery 1.5,jQuery.post() 返回的 jqXHR 对象的 .error() 方法也可以用于错误处理。

jqXHR 对象

对于 jQuery 1.5,所有 jQuery 的 AJAX 方法返回的是 XMLHTTPRequest 对象的超集。由 $.post() 返回的 jQuery XHR 对象或 "jqXHR,"实现了约定的接口,赋予其所有的属性、方法,以及约定的行为。出于对由  使用的回调函数名称便利性和一致性的考虑,它提供了 .error(), .success() 以及 .complete() 方法。这些方法使用请求终止时调用的函数参数,该函数接受与对应命名的 $.ajax() 回调函数相同的参数。

jQuery 1.5 中的约定接口同样允许 jQuery 的 Ajax 方法,包括 $.post(),来链接同一请求的多个 .success()、.complete() 以及 .error() 回调函数,甚至会在请求也许已经完成后分配这些回调函数。

// 请求生成后立即分配处理程序,请记住该请求针对 jqxhr 对象    var jqxhr = $.post("example.php", function() {      alert("success");    })    .success(function() { alert("second success"); })    .error(function() { alert("error"); })    .complete(function() { alert("complete"); });    // 在这里执行其他任务	    // 为上面的请求设置另一个完成函数    jqxhr.complete(function(){ alert("second complete"); });

 

以下是遇到的问题实例记录

//2013-1-3 记录

function GetFlightNo() {        var falg = false;   var value = $("#No").val();        $.post(                $("#getUrl").val(),      {flight_No:value},                function (data) {  //回调函数success                      falg = data; return falg;                 },                "json"         );    }function a(){  var falg = GetFlightNo();        if (!falg) {            alert("不存在!")            return;        }        alert("存在!")        return;}

问题:

调用a()时,不管GetFlightNo的post传回来的是true或false,在a()总是返回“不存在”,

原因:

a函数执行的时候去调用GetFlightNo函数,但是post的的回调函数success是在请求成功后才执行的,而a()不会等待继续往下执行,导致总是返回false

 

参考:

http://www.w3school.com.cn/jquery/ajax_post.asp

转载地址:http://bpyzx.baihongyu.com/

你可能感兴趣的文章
hdfs读写策略
查看>>
类属性默认值
查看>>
手机号码正则校验
查看>>
2018/12/22
查看>>
Julia 的 cross product 与 MATLAB 的语法上似不同
查看>>
简单的通讯录
查看>>
linux下安装EJBCA 搭建私有CA服务器
查看>>
基于MDK的stm32实践过程中,debug的总结
查看>>
-webkit-overflow-scrolling
查看>>
JQuery Cookie使用
查看>>
css--clearfix浮动
查看>>
导出Excel java
查看>>
一个用ASP读取INI文件的VBScript类
查看>>
vsts
查看>>
Spring框架中的单例Beans是线程安全的么?
查看>>
[杂记]欧拉函数表达式推导
查看>>
传智播客视频学习 ---->>>> malloc() 函数的作用
查看>>
ElasticSearch之Centos7下安装
查看>>
480000 millis timeout while waiting for channel to be ready for write异常处理
查看>>
转:关于使用ImageMagick和Tesseract进行简单数字图像识别
查看>>