前一篇讲到thinkphp5从数据库获取数据之后赋给视图view，前一篇从数据渲染方式来说是服务端数据渲染，这一章则是浏览器端数据渲染。按照知识总结依据来划分，这是两种不同的技术场景。

下面介绍具体的ajax接口实现代码。

首先是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调用接口</title>

 </head>

 <body>

     <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 == ) {

             if (oAjax.status >=  && oAjax.status <  || oAjax.status == ) {

                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状态代码为200作为成功的标志，此时responseText的属性的内容已经就绪。此外状态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获取的参数，之后返回到前端。

本文结束。

Thinkphp5的ajax接口实现的更多相关文章

  1. 性能测试培训：Ajax接口级性能测试之jmeter版

    性能测试培训:Ajax接口级性能测试之jmeter版   poptest是国内唯一一家培养测试开发工程师的培训机构,以学员能胜任自动化测试,性能测试,测试工具开发等工作为目标.在poptest认为工具 ...

  2. 使用PHP写ajax接口

    使用PHP写ajax接口 之前有学过php都是前后端没有分离的,所以也想去了解后端是怎么写出ajax接口的,可能问了别人或者上网找了很多资料都很有有点懵,或者说直接用TP或者lavarel这些后端框架 ...

  3. 微信小程序request(ajax)接口请求封装

    微信小程序request(ajax)接口请求封装 最近在进行小程序的编写,需要调用后端接口,经常要用到wx.request方法,所以就自己封装了一下,简化一下代码,如果能给大家提供帮助更好,在封装的时 ...

  4. thinkphp后端开发ajax接口开发测试(2)

    非常好用的Postman,Google chrome上必备测试ajax接口插件:

  5. AJAX接口-拉购网职位搜索爬虫

    拉购网职位搜索爬虫 分析职位搜索调用接口: 浏览器开发者模式(快捷键F12)切换手机模式,打开拉购网职位搜索链接 https://m.lagou.com/search.html 输入搜索关键词, 例如 ...

  6. 优雅地解决Ajax接口参数来自另一个接口的问题

    最近闲赋在家,终于有时间回顾我在工作中遇到的一些东西,由于经验不足,有些方面做的不是很好.在上家公司曾经遇到一个小问题,就是Ajax的接口中有参数是从另一个接口后台传来的.当时我的做法是将需要参数的接 ...

  7. thinkphp5开发restful-api接口学习 笔记二

    目录 第4节 为api项目搭建数据库 第5节 使用markdown书写接口文档 第6节(判断数据库中是否有此用户) 第7节 为项目配置URL 需求分析 配置主域名和二级域名 使用tp5路由进行URL解 ...

  8. Thinkphp5之ajax分页实现_paginate()参数详细

    Thinkphp5 做数据搜索需要带关键词分页,如何将查询条件带入到分页中,本文详细介绍Thinkphp5 分页带参数 一.基本使用方法: $list = Db::name('user')->w ...

  9. node.js爬取ajax接口数据

    爬取页面数据与爬取接口数据,我还是觉得爬取接口数据更加简单一点,主要爬取一些分页的数据. 爬取步骤: 1.明确目标接口地址,举个例子 : https://www.vcg.com/api/common/ ...

随机推荐

  1. Currency Helper

    using System; using Microsoft.Xrm.Sdk; using Microsoft.Crm.Sdk.Messages; /// <summary> /// 货币 ...

  2. Python基础、条件语句和基本数据类型

    1. 第一句python - 后缀名是可以是任意? - 导入模块时,如果不是.py文件 ==> 以后文件后缀名是 .py 2. 两种执行方式 python解释器 py文件路径 python 进入 ...

  3. 安装cuda9.0+cudnn v7+python3.5.3+tensorflow

    本机设备 windows10 gtx1060 安装软件及下载地址 python-3.5.3-amd64  链接:https://pan.baidu.com/s/1I3oIDatMgvDLEtaPtvu ...

  4. Java——异常处理---18.11.14

    异常时程序中会有一些错误,但并不是所有的错误都是异常,并且错误有时候是可以避免的. 比如说,你的代码少了一个分号,那么运行出来结果是提示是错误 java.lang.Error: 如果你用 System ...

  5. 笔记-jinja2语法

    笔记-jinja2语法 1.      基本语法 控制结构 {% %} 变量取值 {{ }} 注释 {# #} 2.      变量 最常用的是变量,由Flask渲染模板时传过来,比如上例中的”nam ...

  6. mysql主从集群搭建；(集群复制数据)

    1.搭建mysql 5.7环境chown mysql:mysql -R /data/groupadd mysqluseradd -g mysql mysql yum install numactlrp ...

  7. mysql 常用语句使用

    1.查询语句 SELECT * FROM table 2.更改语句 UPDATE table SET name = '123456' WHERE id = 100 3.插入语句 INSERT INTO ...

  8. 「日常训练」Jin Yong’s Wukong Ranking List（HihoCoder-1870）

    题意与分析 2018ICPC北京站A题. 题意是这样的,给定若干人的武力值大小(A B的意思是A比B厉害),问到第几行会出现矛盾. 这题不能出现思维定势,看到矛盾就是矛盾并查集--A>B.A&g ...

  9. 接口测试工具postman（六）添加变量（参数化）

    1.添加全局变量并引用 2.通过设置请求前置配置变量 3.在Tests里面,把响应数据设置为变量 4.添加外部文件,引用外部文件中的变量和数据,此种场景就可以执行多次请求 1)配置文件,txt或者cs ...

  10. Linux命令应用大词典-第43章iptables和arptables防火墙

    43.1 iptables-save:保存iptables规则 43.2 iptables-restore:恢复iptables规则 43.3 iptables:IPv4数据包过滤和NAT管理工具 4 ...