Jquery下Ajax调试具体办法.docxVIP

Jquery下的Ajax调试方法 介绍 本文介绍Jquery下的Ajax调试方法；很多调试方法，就是一点就通，但是，在还没有通之前，会让人困惑，不知所以然； Ajax 可以为用户提供更为丰富的用户体验。jQuery 对 Ajax 当然也提供了很好的支持，而且还抽象了各种浏览器对于 Ajax 支持方面令人痛苦的差异。它不但提供了全功能的?$.ajax()?方法，还有诸如?$.get()，$.getScript()，$.getJSON()，$.post()?和?$().load()?等更为简便的方法。 ? 一个示例 首先，我们用一个示例来说明JQuery的Ajax调用过程， 实现的一个功能是：点击确认支付按钮之后，实现余额支付的功能： 1.首先在php页面将相关需要调用的函数绑定到按钮上： input type=submit name=pay_btn id=pay_btn value=确认支付 / script type=text/javascript $(function(){ ??? $(#pay_btn).bind(click,ABC.balancePay); }); ? 2.脚本处： 如果使用$.post方式实现： var ABC = { ??? balancePay:?function(event){ ??????? event.preventDefault(); ??????? var tthis = $(event.currentTarget); ??????? var form = tthis.parents(‘form’); ??????? var url = form.attr(‘action’); ??????? var data = ‘code=15′ ;//+ $(‘#verifyCode’).val(); ??????? var jqXhr = $.post(url, data, undefined, ‘jsonp’); ??????? jqXhr.done(function(datas){ ??????????????? //console.log(‘这里是通过console打印出来的’); //#4 ??????????????? $(#msg).text(‘结果:’+data); }); } $.post方式也可以直接指定回调函数： var jqXhr = $.post(url, data, function(data){ ??????????? $(#msg).text(结果:+data); }, jsonp); 使用$.ajax方法实现： var jqXhr = $.post(url, data, function(data){ ??????????? $(#msg).text(‘结果:’+data); }, ‘jsonp’); 使用$.ajax方法实现： var jqXhr = $.ajax({ ??????????? type: ‘post’, ??????????? url: url, ??????????? data: {code: ‘15′}, ??????????? dataType: ‘jsonp’, ??????????? sccuess:function(data){ ??????????? alert(‘good’);}, ??????????? error: function(XMLHttpRequest, textStatus, errorThrown) {? //#3这个error函数调试时非常有用，如果解析不正确，将会弹出错误框??????????????????????? alert(XMLHttpRequest.status);??????????????????????? alert(XMLHttpRequest.readyState);??????????????????????? alert(textStatus); // paser error;??????????????????? }, }); 3.服务器端： public function actionInterPayProc($callback) { //header(content-type: text/javascript); //header(‘Content-type: text/html; charset=utf-8′); ???????? $code = $_POST[code]; ??????? //$code? //#1 此处给出一个有语法错误的表达式 ??????? //echo $code;? //#2? 此处标记，用于后面调试说明； ??????? … ???????