博主信息
博文 29
粉丝 1
评论 0
访问量 25176
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
JSON常用api与前后端交互原理
风车
原创
853人浏览过

前后端交互原理

传统的前后端交互中,首先由前端向后端发起http请求,后端接收到请求后会对当前请求进行对应的http响应,发送对应的HTML文档,这样的方法会受到带宽的影响。
现在有一个全新的文档传输方式,就是将页面中对象传化成JSON字符串,然后从前端传输到后端存储,当前端需要时,再又后端将JSON字符串传输到前端,由前端JS解析之后直接使用

JSON存储和交换数据的语法
JSON是一种轻量级的数据交换形式
JSON使用的是js的语法,但是JSON是纯文本格式,文本格式可以被任何编程语言作为数据来读取

js对象 -> json -> 后端php/java

stringify :通过stringifr 将JS对象转换为字符串,传送到后端

  1. const user = {
  2. id: 1,
  3. name: '猪老师',
  4. isMarried: true,
  5. };
  6. // js对象 -> json
  7. let json = JSON.stringify(user);
  8. console.log(json);

后端php/java -> json -> js对象
注:模板字面量, 反引号,支持多行字符串的缩写
parse 将json字符串解析成JS对象

  1. // str 是从后端返回的json字符串
  2. let str = `{
  3. "id": 10,
  4. "name": "手机",
  5. "price": 8899
  6. }`;
  7. let item = JSON.parse(str);
  8. console.log(item);
批改老师:PHPzPHPz

批改状态:合格

老师批语:
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学