本文实例讲述了thinkphp5框架ajax接口实现方法。分享给大家供大家参考，具体如下：
前一篇讲到，前一篇从数据渲染方式来说是服务端数据渲染，这一章则是浏览器端数据渲染。按照知识总结依据来划分，这是两种不同的技术场景。
下面介绍具体的ajax接口实现代码。
首先是html代码部分，我的访问地址为：http://app.write.com/thinkphp/public/index.php/index/index/api，这里没有省略入口文件，同时我本地的域名是app.write.com，tp佛山一天游哪里最好玩5框架在thinkphp文件里面。这里采用原生ajax，没有做ie浏览器的兼容性，代码如下
<!doctype html><html lang="en"><head> <meta chart="utf-8"> 小学三年级科学上册教案 <title>ajax调植物激素的作用用接口</title></head><body> 11111 <di法制安全手抄报v id="test"> </div> <script type="text/javascript"> var oajax = new xmlhttprequest(); oajax.open('get',"/thinkphp/public/index.php/index/index/apiapi?name=1"); oajax.onreadys我为自己代言陈欧tatechange = function() { if (oajax.readystate == 4) { if (oajax.status >= 200 && oajax.status < 300 || oajax.status == 304) { console.log(oajax.respontext); var data=json.par(oajax.respontext); document.getelementbyid("test").innerhtml=data.x; } el { console.log(oajax.status); } } }; oajax.nd(); </script></body></html>对上述代码做一下解释，算是一个小知识点：一般来说可以将http状态代码为200作为成功的标志，此时respontext的属性的内容已经就绪。此外状态304表示请求的资源并没有被修改，可以直接使用浏览器中缓存的版本。
至于为啥是大于200是出于兼容性的考虑，有的浏览器会报告204。
后端代码如下，后端代码是同一个模块index下的同一个控制器下index的apiapi方法。
<?phpnamespace app\index\controller;//u think\db;u 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获取的参数，之后返回到前端。
本文发布于:2023-04-07 16:00:44，感谢您对本站的认可！
本文链接：https://www.wtabcd.cn/fanwen/zuowen/81c1e4fa11b49f89517f41c0241c153b.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
本文word下载地址：Thinkphp5框架ajax接口实现方法分析.doc
本文 PDF 下载地址：Thinkphp5框架ajax接口实现方法分析.pdf
| 留言与评论（共有 0 条评论） |
