Thinkphp5框架ajax接口實(shí)現(xiàn)方法分析
本文實(shí)例講述了Thinkphp5框架ajax接口實(shí)現(xiàn)方法。分享給大家供大家參考,具體如下:
前一篇講到thinkphp5從數(shù)據(jù)庫獲取數(shù)據(jù)之后賦給視圖view ,前一篇從數(shù)據(jù)渲染方式來說是服務(wù)端數(shù)據(jù)渲染,這一章則是瀏覽器端數(shù)據(jù)渲染。按照知識總結(jié)依據(jù)來劃分,這是兩種不同的技術(shù)場景。
下面介紹具體的ajax接口實(shí)現(xiàn)代碼。
首先是html代碼部分,我的訪問地址為:http://app.write.com/thinkphp/public/index.php/index/index/api,這里沒有省略入口文件,同時(shí)我本地的域名是app.write.com,tp5框架在thinkphp文件里面。這里采用原生ajax,沒有做ie瀏覽器的兼容性,代碼如下
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>ajax調(diào)用接口</title> </head> <body> 11111 <div id="test"> </div> <script type="text/javascript"> var oAjax = new XMLHttpRequest(); oAjax.open('GET',"/thinkphp/public/index.php/index/index/apiapi?name=1"); oAjax.onreadystatechange = function() { if (oAjax.readyState == 4) { if (oAjax.status >= 200 && oAjax.status < 300 || oAjax.status == 304) { console.log(oAjax.responseText); var data=JSON.parse(oAjax.responseText); document.getElementById("test").innerHTML=data.sex; } else { console.log(oAjax.status); } } }; oAjax.send(); </script> </body> </html>
對上述代碼做一下解釋,算是一個(gè)小知識點(diǎn):一般來說可以將http狀態(tài)代碼為200作為成功的標(biāo)志,此時(shí)responseText的屬性的內(nèi)容已經(jīng)就緒。此外狀態(tài)304表示請求的資源并沒有被修改,可以直接使用瀏覽器中緩存的版本。
至于為啥是大于200是出于兼容性的考慮,有的瀏覽器會(huì)報(bào)告204。
后端代碼如下,后端代碼是同一個(gè)模塊index下的同一個(gè)控制器下index的apiapi方法。
<?php namespace app\index\controller; //use think\Db; use think\Controller; class Index extends Controller { public function apiapi(){ $name=$this->request->param(); return json_encode($name); ///return "common"; } public function api(){ return view(); ///return "common"; } }
代碼首先獲取ajax獲取的參數(shù),之后返回到前端。
更多關(guān)于thinkPHP相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《ThinkPHP入門教程》、《thinkPHP模板操作技巧總結(jié)》、《ThinkPHP常用方法總結(jié)》、《codeigniter入門教程》、《CI(CodeIgniter)框架進(jìn)階教程》、《Zend FrameWork框架入門教程》及《PHP模板技術(shù)總結(jié)》。
希望本文所述對大家基于ThinkPHP框架的PHP程序設(shè)計(jì)有所幫助。
- Thinkphp 在api開發(fā)中異常返回依然是html的解決方式
- thinkphp5框架API token身份驗(yàn)證功能示例
- ThinkPHP框架整合微信支付之JSAPI模式圖文詳解
- ThinkPHP實(shí)現(xiàn)微信支付(jsapi支付)流程教程詳解
- thinkPHP5.0框架API優(yōu)化后的友好性分析
- thinkPHP5框架接口寫法簡單示例
- ThinkPHP框架實(shí)現(xiàn)的微信支付接口開發(fā)完整示例
- thinkPHP框架實(shí)現(xiàn)的短信接口驗(yàn)證碼功能示例
- thinkPHP微信分享接口JSSDK用法實(shí)例
- thinkPHP框架對接支付寶即時(shí)到賬接口回調(diào)操作示例
- ThinkPHP和UCenter接口沖突的解決方法
- thinkphp使用url請求調(diào)用ThinkApi天氣教程【圖文詳解】
相關(guān)文章
php定時(shí)執(zhí)行任務(wù)設(shè)置詳解
這篇文章主要介紹了php定時(shí)執(zhí)行任務(wù)設(shè)置的方法,非常簡單,有需要的小伙伴參考下。2015-02-02symfony3.4中根據(jù)角色不同跳轉(zhuǎn)不同頁面功能
這篇文章主要介紹了symfony3.4中根據(jù)角色不同跳轉(zhuǎn)不同頁面,在Symfony?3.4中,可以使用安全組件來實(shí)現(xiàn)控制不同角色跳轉(zhuǎn)到不同頁面的功能,本文通過示例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2023-08-08yii2 modal彈窗之ActiveForm ajax表單異步驗(yàn)證
這篇文章主要介紹了yii2 modal彈窗之ActiveForm ajax表單驗(yàn)證的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06Zend Framework自定義Helper類相關(guān)注意事項(xiàng)總結(jié)
這篇文章主要介紹了Zend Framework自定義Helper類相關(guān)注意事項(xiàng),總結(jié)分析了編寫自定義Helper類的相關(guān)原則與實(shí)現(xiàn)技巧,需要的朋友可以參考下2016-03-03Codeigniter中禁止A Database Error Occurred錯(cuò)誤提示的方法
在默認(rèn)的情況下,CodeIgniter會(huì)顯示所有的PHP錯(cuò)誤。但是當(dāng)你開發(fā)程序結(jié)束時(shí),你可能想要改變這個(gè)情況。這篇文章主要介紹了Codeigniter中禁止A Database Error Occurred錯(cuò)誤提示的方法,需要的朋友可以參考下2014-06-06PHP編寫學(xué)校網(wǎng)站上新生注冊登陸程序的實(shí)例分享
這篇文章主要介紹了使用PHP編寫學(xué)校網(wǎng)站上新生注冊登陸程序的實(shí)例分享,只包括簡單的數(shù)據(jù)庫信息錄入和查詢等步驟的一些關(guān)鍵點(diǎn),需要的朋友可以參考下2016-03-03