AJax技术

jQuery封装的AJAX使用

字号+ 作者:H5之家 来源:H5之家 2017-01-20 16:00 我要评论( )

jQuery 中的 Ajax jQuery为我们提供了更强大的Ajax封装 $.ajax({}) 可配置方式发起Ajax请求 $.get() 以GET方式发起Ajax请求 $.post() 以POST方式发起Ajax请求 $

    jQuery 中的 Ajax

 

 

jQuery 中的 Ajax
  • dataType: 要求为String类型的参数,预期服务器返回的数据类型。如果不指定,JQuery将自动根据http包mime信息返回responseXML或responseText,并作为回调函数参数传递。
  • beforeSend:要求为Function类型的参数,发送请求前可以修改XMLHttpRequest对象的函数,例如添加自定义HTTP头。在beforeSend中如果返回false可以取消本次ajax请求。XMLHttpRequest对象是惟一的参数。
    function(XMLHttpRequest){ this; //调用本次ajax请求时传递的options参数 }
  • complete:要求为Function类型的参数,请求完成后调用的回调函数(请求成功或失败时均调用)。
  • 参数:XMLHttpRequest对象和一个描述成功请求类型的字符串。
    function(XMLHttpRequest, textStatus){ this; //调用本次ajax请求时传递的options参数 }
  • success:要求为Function类型的参数,请求成功后调用的回调函数,有两个参数。
  • 案例代码:

    $(function(){ $('#send').click(function(){ $.ajax({ type: "GET", url: "test.json", data: { username:$("#username").val(), content:$("#content").val() }, dataType: "json", success: function(data){ $('#resText').empty(); //清空resText里面的所有内容 var html = ''; $.each(data, function(commentIndex, comment){ html += '<div><h6>' + comment['username'] + ':</h6><p' + comment['content'] + '</p></div>'; }); $('#resText').html(html); } }); }); }); jQuery 中 Ajax 的使用

     

    $.ajax({ type : 'get', url : 'getCode.php', data : {'mobile' : phone}, dataType : 'json', beforeSend : function(){ }, success : function(info){ } });

    爱编程-编程爱好者经验分享平台

     

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

    相关文章
    网友点评