AJax技术

前端学习笔记--AJAX的使用(二)

字号+ 作者:H5之家 来源:H5之家 2017-06-28 18:03 我要评论( )

Deferred对象与异步编程以Deferred方式执行AJAX回调Deferred简介异步请求依次执行异步请求并行执行一、Deferred方式执行AJAX回调这种方法返回的就是一个Deferred

Deferred对象与异步编程 以Deferred方式执行AJAX回调 Deferred简介 异步请求依次执行 异步请求并行执行 一、Deferred方式执行AJAX回调

这种方法返回的就是一个Deferred对象,而Deferred对象支持绑定四种事件。这种方法的可读性较好。另外就是一个事件可以绑定多次。

.done事件:请求成功之后执行的操作 .fail事件:请求失败之后执行的操作 .always事件:不管请求与失败都执行的操作 function testAjax1() { $.ajax('/test?err=y').done(function(data) { alert("done 1"); }).done(function() { alert("done 2"); }).fail(function() { alert("fail"); }).always(function() { alert("always"); }); }

下面这一种就是使用then方法,就是根据请求的成功与否调用不同的函数。可读性也不错。成功之后执行函数,失败之后执行函数:

function testAjax2() { $.ajax('/test?err=y').then(function() { alert("success"); }, function() { alert("error"); }); } Ajax定时请求

定时AJAX请求。

<script> $(document).ready(function() { setInterval("ajaxGetdata()",1000);//1s钟刷新一次 }); function ajaxGetdata() { $.ajax({ url:'/api', success:function (data) { //alert(data); $("#Receiver_content").append(data); } }); } </script>

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 【Struts2】Struts2学习(8) Ajax与Json

    【Struts2】Struts2学习(8) Ajax与Json

    2017-06-29 08:00

  • [Laravel 5 教程学习笔记] 二十二、增强标签选择功能

    [Laravel 5 教程学习笔记] 二十二、增强标签选择功能

    2017-06-23 18:02

  • GLFW入门学习

    GLFW入门学习

    2017-06-23 09:00

  • Webservice技术学习专题

    Webservice技术学习专题

    2017-06-21 16:07

网友点评