Thinkphp5框架ajax接口實現(xiàn)方法分析
本文實例講述了Thinkphp5框架ajax接口實現(xiàn)方法。分享給大家供大家參考,具體如下:
前一篇講到thinkphp5從數(shù)據(jù)庫獲取數(shù)據(jù)之后賦給視圖view ,前一篇從數(shù)據(jù)渲染方式來說是服務(wù)端數(shù)據(jù)渲染,這一章則是瀏覽器端數(shù)據(jù)渲染。按照知識總結(jié)依據(jù)來劃分,這是兩種不同的技術(shù)場景。
下面介紹具體的ajax接口實現(xiàn)代碼。
首先是html代碼部分,我的訪問地址為:http://app.write.com/thinkphp/public/index.php/index/index/api,這里沒有省略入口文件,同時我本地的域名是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>
對上述代碼做一下解釋,算是一個小知識點:一般來說可以將http狀態(tài)代碼為200作為成功的標志,此時responseText的屬性的內(nèi)容已經(jīng)就緒。此外狀態(tài)304表示請求的資源并沒有被修改,可以直接使用瀏覽器中緩存的版本。
至于為啥是大于200是出于兼容性的考慮,有的瀏覽器會報告204。
后端代碼如下,后端代碼是同一個模塊index下的同一個控制器下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)框架進階教程》、《Zend FrameWork框架入門教程》及《PHP模板技術(shù)總結(jié)》。
希望本文所述對大家基于ThinkPHP框架的PHP程序設(shè)計有所幫助。
- Thinkphp 在api開發(fā)中異常返回依然是html的解決方式
- thinkphp5框架API token身份驗證功能示例
- ThinkPHP框架整合微信支付之JSAPI模式圖文詳解
- ThinkPHP實現(xiàn)微信支付(jsapi支付)流程教程詳解
- thinkPHP5.0框架API優(yōu)化后的友好性分析
- thinkPHP5框架接口寫法簡單示例
- ThinkPHP框架實現(xiàn)的微信支付接口開發(fā)完整示例
- thinkPHP框架實現(xiàn)的短信接口驗證碼功能示例
- thinkPHP微信分享接口JSSDK用法實例
- thinkPHP框架對接支付寶即時到賬接口回調(diào)操作示例
- ThinkPHP和UCenter接口沖突的解決方法
- thinkphp使用url請求調(diào)用ThinkApi天氣教程【圖文詳解】
相關(guān)文章
symfony3.4中根據(jù)角色不同跳轉(zhuǎn)不同頁面功能
這篇文章主要介紹了symfony3.4中根據(jù)角色不同跳轉(zhuǎn)不同頁面,在Symfony?3.4中,可以使用安全組件來實現(xiàn)控制不同角色跳轉(zhuǎn)到不同頁面的功能,本文通過示例代碼給大家介紹的非常詳細,需要的朋友可以參考下2023-08-08yii2 modal彈窗之ActiveForm ajax表單異步驗證
這篇文章主要介紹了yii2 modal彈窗之ActiveForm ajax表單驗證的相關(guān)資料,非常不錯具有參考借鑒價值,需要的朋友可以參考下2016-06-06Zend Framework自定義Helper類相關(guān)注意事項總結(jié)
這篇文章主要介紹了Zend Framework自定義Helper類相關(guān)注意事項,總結(jié)分析了編寫自定義Helper類的相關(guān)原則與實現(xiàn)技巧,需要的朋友可以參考下2016-03-03Codeigniter中禁止A Database Error Occurred錯誤提示的方法
在默認的情況下,CodeIgniter會顯示所有的PHP錯誤。但是當(dāng)你開發(fā)程序結(jié)束時,你可能想要改變這個情況。這篇文章主要介紹了Codeigniter中禁止A Database Error Occurred錯誤提示的方法,需要的朋友可以參考下2014-06-06PHP編寫學(xué)校網(wǎng)站上新生注冊登陸程序的實例分享
這篇文章主要介紹了使用PHP編寫學(xué)校網(wǎng)站上新生注冊登陸程序的實例分享,只包括簡單的數(shù)據(jù)庫信息錄入和查詢等步驟的一些關(guān)鍵點,需要的朋友可以參考下2016-03-03