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 }
运行结果: