jQuery json 第一个例子

最新推荐文章于 2024-07-24 17:27:32 发布

weixin_30633507

最新推荐文章于 2024-07-24 17:27:32 发布

阅读量60

点赞数

文章标签： json javascript ViewUI

原文链接：http://www.cnblogs.com/ChenMM/p/9481504.html

版权

html文件：

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>Ajax-Json</title>
 6         <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
 7         <script>
 8             $(function(){
 9                 $('#btn1').click(function(){
10                     $.ajax({
11                         type:"get",
12                         url:"demo.json",
13                         dataType:"json",
14                         success:function(data){
15                             $('#id').text(data.id);
16                             $("#title").text(data.title);
17                         }
18                     });
19                 })
20             })
21         </script>
22     </head>
23     <body>
24         <button id="btn1">加载数据</button>
25         <h2>id:<span id="id"></span></h2>
26         <h2>title:<span id="title"></span></h2>
27     </body>
28 </html>

demo.json文件：

1 {
2     "id":"1",
3     "title":"你好"
4 }

运行结果：

转载于:https://www.cnblogs.com/ChenMM/p/9481504.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30633507

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery json 第一个例子

html文件： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Ajax-Json</title> 6 <script src="https://...
复制链接

扫一扫