html获取简单json数据-后台PHP
来源:互联网 发布:matlab 2016 mac 破解 编辑:程序博客网 时间:2024/05/29 18:08
1.先写PHP,代码如下:
<?phpheader('Content-type:application/json;charset=utf-8'); $json='{ "id": "1", "name": "姓名", "show": "内容", "mp3_path": "目录" }';echo $json;?>
注意:设置请求头为json数据,字符编码utf-8,中间是分号。
在PHP中变量前用$符号。
2.在html引入jquery发起ajax请求,代码如下:
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <title>Javascript</title> //引入jquery的CDN <script src="https://code.jquery.com/jquery-3.2.1.js" integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE=" crossorigin="anonymous"></script></head><body><div id="div1"> <ul></ul></div><script> var html=""; $.ajax({ type: "get", url: "test01.php", success: function (data) { //for in遍历php返回的json数据 for(var k in data) { //用模板字符串将key value,拼接到html字符串中。 html+=`<li>${k} :${data[k]}</li>` } $("#div1 ul").html(html); }, error:function () { alert("1111"); } });</script></body></html>
3.注意:php文件和html文件应该位于同一目录,否则会存在跨域问题。
4.我是将这两个文件放在xampp下的htdocs目录。
5.打开文件可以看到输出如下。
阅读全文
0 0
- html获取简单json数据-后台PHP
- ECharts获取后台json数据
- java后台设计简单的json数据接口,设置可跨域访问,前端ajax获取json数据
- PHP获取JSON数据
- php ajax从后台返回json数据,并把数据赋值给自动生成HTML标签
- 2017精华版:jquery 中 ajax,后台获取数据库json数据,显示在html页面 02
- 怎么从后台同步获取json数据
- jquery从后台获取json数据
- JSON从后台获取数据注意事项
- java后台通过url获取json数据
- ajax获取后台的json数据
- php 获取 POST JSON 数据
- php获取客户端json数据
- php如何获取json数据?
- ajax简单获取json数据
- 获取后台数据并拼写HTML模板
- app获取PHP后台数据列表
- HTML文件、PHP文件、JSON文件之间通过AJAX编程简单传递数据
- python中csv文件的若干读写方法
- java基本数据类型取值范围
- 【SQL Server学习笔记】2:在与SQL Server建立连接时出现与网络相关的或特定于实例的错误
- SSM(十六) 曲线救国-Kafka消费异常
- nuke 表达式
- html获取简单json数据-后台PHP
- MySQL SQL优化
- POJ 3186 Treats for the Cows——区间DP
- MySQL建立索引应该注意的事项
- 大数据预科班1~4天习题
- 解决Windows 8系统磁盘占用100%的方法
- iOS学习笔记-120.多线程19——NSOperation操作依赖和操作监听
- UIWebView JS注入
- 信息论实验-Hamming编码