这是我自己构思的案例,写的不好请多多指教。

后台接口的代码:

    public function index()
{
$res = array();
header("Access-Control-Allow-Origin:*");
$page = input('get.page')?input('get.page'):;
$URL = \think\Request::instance() -> domain(); $data= Db::view('Article','title,des,author,content,cateid,create_time,min_img')
->view('Cate',['cate_name','desc','content'=> 'cate_content'],'Article.cateid = Cate.cate_id')
->paginate(,false,['page'=> $page]); if(!empty($data))
{
foreach($data as $k => &$v)
{
$v['min_img'] = $URL . __UPLOADS__ . '/' .$v['min_img'];//tp5无法修改获取的内容 //使用一下数组的形式
$res[] = $v;
$res[$k]['min_img'] = $URL . __UPLOADS__ . '/' .$v['min_img'];
}
// die(); } // dump($res);
// die(); // return json(['data'=>$data,'code'=>1,'message'=>'操作完成']);//ajax可以,但是jq不行
// return $data -> toJson();//对应JSON.parse解析,都可以// return json($data);//ajax可以,但是jq不行
// return json_encode($data);//对应JSON.parse解析,都可以 //使用一下数组的形式
// return json(['data'=>$res,'code'=>1,'message'=>'操作完成']);//ajax可以,但是jq不行
// return json($res);//ajax可以,但是jq不行
// return json_encode($res);//对应JSON.parse解析,都可以
}

前端的代码:

    <script src="./jquery-3.1.1.js"></script>
<script> console.log('下面是JQ打印'); $(function(){
$.get("http://bicktp.com/index/Interfaces?page=2",function(res){
// console.log(JSON.parse(res));
console.log(JSON.parse(res));
})
// $.getJSON("http://www.chinafanke.com/index/Interfaces",function(json){
// console.log(json)
// });
}) console.log('下面是ajax打印'); $.ajax({
type:"GET",
url: "http://bicktp.com/index/Interfaces",
data:
{ },
dataType:"json",
success:function(data)
{
console.log(data);
},
error:function(jqXHR)
{
alert("发生错误:" + jqXHR.status);
} });
</script>

以上的代码说jq不行啊,是因为jq的那个方法里面,多了  JSON.parse()这个方法。

而JSON.parse() 方法用于将一个 JSON 字符串转换为对象。

所以最好的方法是使用json_encode方法来json化会比较好。

刚刚我有看了一下tp5的开发手册,

发现,

所以说  $model -> toJson 和  json_encode方法的原理是一样的,所以他们都可以  JSON.parse

但是json_encode的编码格式为unicode编码

而 -> json是UTF-8编码

thinkphp5 --接口实例的更多相关文章

  1. 规则引擎集成接口(八)Java接口实例

    接口实例 右键点击“对象库” —“添加接口实例”,如下图: 弹出如下窗体: 输入接口的参数信息: 点击接口“求和”,选择选项卡“求和操作”,点击添加图标   ,如下: 弹出如下窗体,勾选方法“coun ...

  2. MyBatis 源码分析——生成Statement接口实例

    JDBC的知识对于JAVA开发人员来讲在简单不过的知识了.PreparedStatement的作用更是胸有成竹.我们最常见用到有俩个方法:executeQuery方法和executeUpdate方法. ...

  3. Easy-Mock模拟get接口和post接口实例

    1.先创建项目,再新建接口 创建项目入口:首页右下角 + 按钮 创建接口入口如下图: 关于mock的语法这里不做说明,可查看mock.js官方查看更详情的资料. 小tip:在Easy-Mock里面支持 ...

  4. postman+jmeter接口实例

    接口基础 一.为什么要单独测试接口? 1. 程序是分开开发的,前端还没有开发,后端已经开发完了,可以提前进入测试2. 接口直接返回的数据------越底层发现bug,修复成本是越低的3. 接口测试能模 ...

  5. webapi+Task并行请求不同接口实例

    标题的名称定义不知道是否准确,不过我想表达的意思就是使用Task特性来同时请求多个不同的接口,然后合并数据:我想这种场景的开发对于对接过其他公司接口的人不会陌生,本人也是列属于之内,更多的是使用最原始 ...

  6. PHP 开发 APP 接口 学习笔记与总结 - APP 接口实例 [2] 首页 APP 接口开发方案 ① 读取数据库方式

    方案一:读取数据库方式 从数据库读取信息→封装→生成接口数据 应用场景: 数据时效性比较高的系统 方案二:读取缓存方式 从数据库获取信息(第一次设置缓存或缓存失效时)→封装(第一次设置缓存或缓存失效时 ...

  7. 在phalcon框架下,php接口规范以及接口实例

    接口规范实例 前言 由于本人也是第一次写接口,之前对于接口也是一知半解,没有系统的了解过,所以这次也是写的自己的在这几天在APP项目中关于接口的浅层次的认识,如果有不妥或者不当的地方还请指出,再此谢谢 ...

  8. 获取Ip 的地域等信息接口-实例

    今天项目要用到 查询访问网站用户的IP 然后网上查询了 资料还很多 不过有些已经失效了 在这总结下 腾讯,pconline 的API已经失效 不能使用 淘宝的IP接口地址: http://ip.tao ...

  9. Android少量数据保存之SharedPreferences接口实例

    SharedPreferences数据保存主要是通过键值的方式存储在xml文件中 xml文件在data/此程序的包名/XX.xml 格式 <?xml version='1.0' encoding ...

随机推荐

  1. 关于C#中Partial局部类型关键字的使用

    虽然之前在做Winform开发时候,经常遇到Partial关键字,但是最近在代码中看到使用Partial将同名类文件写在多个源文件中,因此想要记录下Partial的详细使用. Partial type ...

  2. P3376 【模板】网络最大流( Edmonds-krap、Dinic、ISAP 算法)

    P3376 [模板]网络最大流( Edmonds-krap.Dinic.ISAP 算法) 题目描述 如题,给出一个网络图,以及其源点和汇点,求出其网络最大流. 输入格式 第一行包含四个正整数N.M.S ...

  3. 1048 Find Coins (25分)

    Eva loves to collect coins from all over the universe, including some other planets like Mars. One d ...

  4. 1021 Deepest Root (25 分)

    A graph which is connected and acyclic can be considered a tree. The height of the tree depends on t ...

  5. Scratch 第2课淘气男孩儿

    素材及视频下载 链接:https://pan.baidu.com/s/1qX0T2B_zczcLaCCpiRrsnA提取码:xfp8

  6. Linux 文件管理篇(三 属性管理)

    可读        r 可写        w 可执行        x 档案属性: 第一栏:执行list -al后第一栏的十个标志[1 - 10] 1: d    目录 -    档案 l    连 ...

  7. python--->相对和绝对路径

    绝对路径(absolute path):从根开始找 eg:c:\file\01.txt 相对路径(relative path):相对当前文件内找 ../      # 当前文件的上一级 os.path ...

  8. matplotlib Bbox类

    Bbox 类是一个可变的(相对于BboxBase)限位框, 继承自BboxBase 2020-04-07 22:54:57  --Edit by yangray 方法: __init__(points ...

  9. 发现一款手绘可视化神器!Python绘图还在用Matplotlib?out了 !

    前言 本文的文字及图片来源于网络,仅供学习.交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理. PS:如有需要Python学习资料的小伙伴可以加点击下方链接自行获取htt ...

  10. stand up meeting 12/11/2015

    part 组员 今日工作 工作耗时/h 明日计划 工作耗时/h UI 冯晓云 完成单词释义热度排序:允许用户自主添加释义:完成了button位置的修正(finally)和弹窗的美化:     6 tr ...