jquery下的ajax调试方法

《jquery下的ajax调试方法》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、Jquery下的Ajax调试方法介绍本文介绍Jquery下的Ajax调试方法；很多调试方法，就是一点就通，但是，在还没有通之前，会让人困惑，不知所以然；Ajax可以为用户提供更为丰富的用户体验。jQuery对Ajax当然也提供了很好的支持，而且还抽象了各种浏览器对于Ajax支持方面令人痛苦的差异。它不但提供了全功能的 $.ajax() 方法，还有诸如 $.get()，$.getScript()，$.getJSON()，$.post() 和 $().load() 等更为简便的方法。 一个示例首先，我们用一个示例来说明JQuery的Aj

2、ax调用过程，实现的一个功能是：点击确认支付按钮之后，实现余额支付的功能：1.首先在php页面将相关需要调用的函数绑定到按钮上：$(function(){   $("#pay_btn").bind("click",ABC.balancePay);}); 2.脚本处：如果使用$.post方式实现：varABC={   balancePay: function(

3、event){       event.preventDefault();       vartthis=$(event.currentTarget);       varform=tthis.parents(‘form’);       varurl=form.attr(‘action’);       vardata=‘code=15′;//+$(‘#verifyCode’).val();       varjqXhr=$.post(url,data,undefined,‘jsonp’);       jqXhr.done(fu

4、nction(datas){               //console.log(‘这里是通过console打印出来的’);//#4               $("#msg").text(‘结果:’+data);});}$.post方式也可以直接指定回调函数：varjqXhr=$.post(url,data,function(data){           $("#msg").text('结果:'+data);},'jsonp');使用$.ajax方法实现：varjqXhr=$.post(url,data,function

5、(data){           $("#msg").text(‘结果:’+data);},‘jsonp’);使用$.ajax方法实现：varjqXhr=$.ajax({           type:‘post’,           url:url,           data:{code:‘15′},           dataType:‘jsonp’,           sccuess:function(data){           alert(‘good’);},           error:functio

6、n(XMLHttpRequest,textStatus,errorThrown){ //#3这个error函数调试时非常有用，如果解析不正确，将会弹出错误框                       alert(XMLHttpRequest.status);                       alert(XMLHttpRequest.readyState);                       alert(textStatus);//pasererror;                   },});3.服务器

7、端：publicfunctionactionInterPayProc($callback){//header("content-type:text/javascript");//header(‘Content-type:text/html;charset=utf-8′);        $code=$_POST['code'];       //$code //#1此处给出一个有语法错误的表达式       //echo$code; //#2 此处标记，用于后面调试说明；       …       $result=1;      

8、     //echo$_POST['callback'].‘(‘.json_encode($result).‘);’;//注意使用的编码方式需要和客户端请求保持一致；exit(0);}2  调试工具Firefox有强大FireBug