資源描述：
《jquery下的ajax調(diào)試方法》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。
1、Jquery下的Ajax調(diào)試方法介紹本文介紹Jquery下的Ajax調(diào)試方法；很多調(diào)試方法，就是一點(diǎn)就通，但是，在還沒(méi)有通之前，會(huì)讓人困惑，不知所以然；Ajax可以為用戶提供更為豐富的用戶體驗(yàn)。jQuery對(duì)Ajax當(dāng)然也提供了很好的支持，而且還抽象了各種瀏覽器對(duì)于Ajax支持方面令人痛苦的差異。它不但提供了全功能的?$.ajax()?方法，還有諸如?$.get()，$.getScript()，$.getJSON()，$.post()?和?$().load()?等更為簡(jiǎn)便的方法。?一個(gè)示例首先，我們用一個(gè)示例來(lái)說(shuō)明JQuery的Aj
2、ax調(diào)用過(guò)程，實(shí)現(xiàn)的一個(gè)功能是：點(diǎn)擊確認(rèn)支付按鈕之后，實(shí)現(xiàn)余額支付的功能：1.首先在php頁(yè)面將相關(guān)需要調(diào)用的函數(shù)綁定到按鈕上：$(function(){???$("#pay_btn").bind("click",ABC.balancePay);});?2.腳本處：如果使用$.post方式實(shí)現(xiàn)：varABC={???balancePay:?function(
3、event){???????event.preventDefault();???????vartthis=$(event.currentTarget);???????varform=tthis.parents(‘form’);???????varurl=form.attr(‘a(chǎn)ction’);???????vardata=‘code=15′;//+$(‘#verifyCode’).val();???????varjqXhr=$.post(url,data,undefined,‘jsonp’);???????jqXhr.done(fu
4、nction(datas){???????????????//console.log(‘這里是通過(guò)console打印出來(lái)的’);//#4???????????????$("#msg").text(‘結(jié)果:’+data);});}$.post方式也可以直接指定回調(diào)函數(shù)：varjqXhr=$.post(url,data,function(data){???????????$("#msg").text('結(jié)果:'+data);},'jsonp');使用$.ajax方法實(shí)現(xiàn)：varjqXhr=$.post(url,data,function
5、(data){???????????$("#msg").text(‘結(jié)果:’+data);},‘jsonp’);使用$.ajax方法實(shí)現(xiàn)：varjqXhr=$.ajax({???????????type:‘post’,???????????url:url,???????????data:{code:‘15′},???????????dataType:‘jsonp’,???????????sccuess:function(data){???????????alert(‘good’);},???????????error:functio
6、n(XMLHttpRequest,textStatus,errorThrown){?//#3這個(gè)error函數(shù)調(diào)試時(shí)非常有用，如果解析不正確，將會(huì)彈出錯(cuò)誤框???????????????????????alert(XMLHttpRequest.status);???????????????????????alert(XMLHttpRequest.readyState);???????????????????????alert(textStatus);//pasererror;???????????????????},});3.服務(wù)器
7、端：publicfunctionactionInterPayProc($callback){//header("content-type:text/javascript");//header(‘Content-type:text/html;charset=utf-8′);????????$code=$_POST['code'];???????//$code?//#1此處給出一個(gè)有語(yǔ)法錯(cuò)誤的表達(dá)式???????//echo$code;?//#2?此處標(biāo)記，用于后面調(diào)試說(shuō)明；???????…???????$result=1;??????
8、?????//echo$_POST['callback'].‘(‘.json_encode($result).‘);’;//注意使用的編碼方式需要和客戶端請(qǐng)求保持一致；exit(0);}2??調(diào)試工具Firefox有強(qiáng)大FireBug
