jQuery json 第一个例子

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 }

运行结果：

 

posted on 2018-08-15 15:05  一颗豆豆  阅读(227)  评论(0)  编辑  收藏  举报

导航