国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery使用getJSON方法獲取json數據完整示例

2019-11-20 09:01:05
字體:
來源:轉載
供稿:網友

本文實例講述了jQuery使用getJSON方法獲取json數據。分享給大家供大家參考,具體如下:

demo.js:

[  {    "name":"吳者然",    "sex":"男",    "email":"demo1@123.com"  },  {    "name":"吳中者",    "sex":"男",    "email":"demo2@123.com"  },  {    "name":"何開",    "sex":"女",    "email":"demo3@123.com"  }]

demo.html:

<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>getJSON獲取數據</title><script type="text/javascript" src="js/jquery-1.10.1.min.js"></script><style type="text/css">#divframe {  border: 1px solid #999;  width: 500px;  margin: 0 auto;}.loadTitle {  background: #CCC;  height: 30px;}</style><script type="text/javascript">$(function(){  $("#btn").click(function(){    $.getJSON("js/demo.js",function(data){      var $jsontip = $("#jsonTip");      var strHtml = "123";//存儲數據的變量      $jsontip.empty();//清空內容      $.each(data,function(infoIndex,info){        strHtml += "姓名:"+info["name"]+"<br>";        strHtml += "性別:"+info["sex"]+"<br>";        strHtml += "郵箱:"+info["email"]+"<br>";        strHtml += "<hr>"      })      $jsontip.html(strHtml);//顯示處理后的數據    })  })})</script></head><body><div id="divframe">  <div class="loadTitle">    <input type="button" value="獲取數據" id="btn"/>  </div>  <div id="jsonTip"> </div></div></body></html>

效果圖如下:

這里把 JSON 的后綴名改為 JS,放在 WEB 容器中則可以正常讀取。

PS:這里再為大家推薦幾款json在線工具,相信大家在今后的開發中可以用得到:

在線JSON代碼檢驗、檢驗、美化、格式化工具:
http://tools.VeVB.COm/code/json

JSON在線格式化工具:
http://tools.VeVB.COm/code/jsonformat

在線XML/JSON互相轉換工具:
http://tools.VeVB.COm/code/xmljson

json代碼在線格式化/美化/壓縮/編輯/轉換工具:
http://tools.VeVB.COm/code/jsoncodeformat

C語言風格/HTML/CSS/json代碼格式化美化工具:
http://tools.VeVB.COm/code/ccode_html_css_json

更多關于jQuery相關內容感興趣的讀者可查看本站專題:《jQuery操作json數據技巧匯總》、《jQuery擴展技巧總結》、《jQuery常用插件及用法總結》、《jQuery拖拽特效與技巧總結》、《jQuery表格(table)操作技巧匯總》、《jquery中Ajax用法總結》、《jQuery常見經典特效匯總》、《jQuery動畫與特效用法總結》及《jquery選擇器用法總結

希望本文所述對大家jQuery程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 正宁县| 永福县| 无极县| 裕民县| 钟山县| 滦平县| 德州市| 纳雍县| 始兴县| 禄丰县| 涿鹿县| 海淀区| 恭城| 仙游县| 原阳县| 攀枝花市| 酉阳| 平果县| 云安县| 来凤县| 菏泽市| 巴中市| 桐乡市| 金平| 大荔县| 扶沟县| 曲周县| 临颍县| 蒙自县| 溧水县| 从江县| 灌南县| 平定县| 故城县| 梨树县| 阳东县| 永平县| 密山市| 泰来县| 五家渠市| 琼结县|