• <td id="uyucs"><tr id="uyucs"></tr></td>
    \r\n\r\n  \r\n    \r\n  <\/p>\r\n   <\/p>\r\n<\/p>\r\n<\/body>\r\n<\/html><\/pre>

    效果圖如下:<\/p>\n

    \"\"<\/p>\n

    這里把 JSON 的后綴名改為 JS,放在 WEB 容器中則可以正常讀取。<\/p>"}

    国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

    首頁 web前端 js教程 怎么使用getJSON方法獲取json數(shù)據(jù)實例詳解

    怎么使用getJSON方法獲取json數(shù)據(jù)實例詳解

    Jul 03, 2017 am 09:59 AM
    javascript 使用

    這篇文章主要介紹了jQuery使用getJSON方法獲取json數(shù)據(jù),結合完整實例形式分析了getJSON方法讀取與遍歷json文件數(shù)據(jù)的相關技巧,需要的朋友可以參考下

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

    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獲取數(shù)據(jù)</title>
    <script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
    <style type="text/css">
    #pframe {
      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";//存儲數(shù)據(jù)的變量
          $jsontip.empty();//清空內容
          $.each(data,function(infoIndex,info){
            strHtml += "姓名:"+info["name"]+"<br>";
            strHtml += "性別:"+info["sex"]+"<br>";
            strHtml += "郵箱:"+info["email"]+"<br>";
            strHtml += "<hr>"
          })
          $jsontip.html(strHtml);//顯示處理后的數(shù)據(jù)
        })
      })
    })
    </script>
    </head>
    <body>
    <p id="pframe">
      <p class="loadTitle">
        <input type="button" value="獲取數(shù)據(jù)" id="btn"/>
      </p>
      <p id="jsonTip"> </p>
    </p>
    </body>
    </html>

    效果圖如下:

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

    以上是怎么使用getJSON方法獲取json數(shù)據(jù)實例詳解的詳細內容。更多信息請關注PHP中文網(wǎng)其他相關文章!

    本站聲明
    本文內容由網(wǎng)友自發(fā)貢獻,版權歸原作者所有,本站不承擔相應法律責任。如您發(fā)現(xiàn)有涉嫌抄襲侵權的內容,請聯(lián)系admin@php.cn

    熱AI工具

    Undress AI Tool

    Undress AI Tool

    免費脫衣服圖片

    Undresser.AI Undress

    Undresser.AI Undress

    人工智能驅動的應用程序,用于創(chuàng)建逼真的裸體照片

    AI Clothes Remover

    AI Clothes Remover

    用于從照片中去除衣服的在線人工智能工具。

    Clothoff.io

    Clothoff.io

    AI脫衣機

    Video Face Swap

    Video Face Swap

    使用我們完全免費的人工智能換臉工具輕松在任何視頻中換臉!

    熱工具

    記事本++7.3.1

    記事本++7.3.1

    好用且免費的代碼編輯器

    SublimeText3漢化版

    SublimeText3漢化版

    中文版,非常好用

    禪工作室 13.0.1

    禪工作室 13.0.1

    功能強大的PHP集成開發(fā)環(huán)境

    Dreamweaver CS6

    Dreamweaver CS6

    視覺化網(wǎng)頁開發(fā)工具

    SublimeText3 Mac版

    SublimeText3 Mac版

    神級代碼編輯軟件(SublimeText3)

    如何使用磁力鏈接 如何使用磁力鏈接 Feb 18, 2024 am 10:02 AM

    磁力鏈接是一種用于下載資源的鏈接方式,相比傳統(tǒng)的下載方式更為便捷和高效。使用磁力鏈接可以通過點對點的方式下載資源,而不需要依賴中介服務器。本文將介紹磁力鏈接的使用方法及注意事項。一、什么是磁力鏈接磁力鏈接是一種基于P2P(Peer-to-Peer)協(xié)議的下載方式。通過磁力鏈接,用戶可以直接連接到資源的發(fā)布者,從而完成資源的共享和下載。與傳統(tǒng)的下載方式相比,磁

    如何使用mdf和mds文件 如何使用mdf和mds文件 Feb 19, 2024 pm 05:36 PM

    mdf文件和mds文件怎么用隨著計算機技術的不斷進步,我們可以通過多種方式來存儲和共享數(shù)據(jù)。在數(shù)字媒體領域,我們經常會遇到一些特殊的文件格式。在這篇文章中,我們將討論一種常見的文件格式——mdf和mds文件,并介紹它們的使用方法。首先,我們需要了解mdf文件和mds文件的含義。mdf是CD/DVD鏡像文件的擴展名,而mds文件則是mdf文件的元數(shù)據(jù)文件。

    foobar2000怎么下載?-foobar2000怎么使用 foobar2000怎么下載?-foobar2000怎么使用 Mar 18, 2024 am 10:58 AM

    foobar2000是一款能隨時收聽音樂資源的軟件,各種音樂無損音質帶給你,增強版本的音樂播放器,讓你得到更全更舒適的音樂體驗,它的設計理念是將電腦端的高級音頻播放器移植到手機上,提供更加便捷高效的音樂播放體驗,界面設計簡潔明了易于使用它采用了極簡的設計風格,沒有過多的裝飾和繁瑣的操作能夠快速上手,同時還支持多種皮膚和主題,根據(jù)自己的喜好進行個性化設置,打造專屬的音樂播放器支持多種音頻格式的播放,它還支持音頻增益功能根據(jù)自己的聽力情況調整音量大小,避免過大的音量對聽力造成損害。接下來就讓小編為大

    pip鏡像源簡易指南:輕松掌握使用方法 pip鏡像源簡易指南:輕松掌握使用方法 Jan 16, 2024 am 10:18 AM

    輕松上手:如何使用pip鏡像源隨著Python在全球范圍內的普及,pip成為了Python包管理的標準工具。然而,許多開發(fā)者在使用pip安裝包時面臨的一個常見問題是速度慢。這是因為默認情況下,pip從Python官方源或其他外部源下載包,而這些源可能位于海外服務器,導致下載速度緩慢。為了提高下載速度,我們可以使用pip鏡像源。什么是pip鏡像源?簡單來說,就

    crystaldiskmark是什么軟件?-crystaldiskmark如何使用? crystaldiskmark是什么軟件?-crystaldiskmark如何使用? Mar 18, 2024 pm 02:58 PM

    CrystalDiskMark是一款適用于硬盤的小型HDD基準測試工具,可以快速測量順序和隨機讀/寫速度。接下來就讓小編為大家介紹一下CrystalDiskMark,以及crystaldiskmark如何使用吧~一、CrystalDiskMark介紹CrystalDiskMark是一款廣泛使用的磁盤性能測試工具,用于評估機械硬盤和固態(tài)硬盤(SSD)的讀寫速度和隨機I/O性能。它是一款免費的Windows應用程序,并提供用戶友好的界面和各種測試模式來評估硬盤驅動器性能的不同方面,并被廣泛用于硬件評

    BTCC教學:如何在BTCC交易所綁定使用MetaMask錢包? BTCC教學:如何在BTCC交易所綁定使用MetaMask錢包? Apr 26, 2024 am 09:40 AM

    MetaMask(中文也叫小狐貍錢包)是一款免費的、廣受好評的加密錢包軟件。目前,BTCC已支持綁定MetaMask錢包,綁定后可使用MetaMask錢包進行快速登入,儲值、買幣等,且首次綁定還可獲得20USDT體驗金。在BTCCMetaMask錢包教學中,我們將詳細介紹如何注冊和使用MetaMask,以及如何在BTCC綁定并使用小狐貍錢包。MetaMask錢包是什么?MetaMask小狐貍錢包擁有超過3,000萬用戶,是當今最受歡迎的加密貨幣錢包之一。它可免費??使用,可作為擴充功能安裝在網(wǎng)絡

    百度網(wǎng)盤app怎么用 百度網(wǎng)盤app怎么用 Mar 27, 2024 pm 06:46 PM

    在如今云存儲已經成為我們日常生活和工作中不可或缺的一部分。百度網(wǎng)盤作為國內領先的云存儲服務之一,憑借其強大的存儲功能、高效的傳輸速度以及便捷的操作體驗,贏得了廣大用戶的青睞。而且無論你是想要備份重要文件、分享資料,還是在線觀看視頻、聽取音樂,百度網(wǎng)盤都能滿足你的需求。但是很多用戶們可能對百度網(wǎng)盤app的具體使用方法還不了解,那么這篇教程就將為大家詳細介紹百度網(wǎng)盤app如何使用,還有疑惑的用戶們就快來跟著本文詳細了解一下吧!百度云網(wǎng)盤怎么用:一、安裝首先,下載并安裝百度云軟件時,請選擇自定義安裝選

    網(wǎng)易郵箱大師怎么用 網(wǎng)易郵箱大師怎么用 Mar 27, 2024 pm 05:32 PM

    網(wǎng)易郵箱,作為中國網(wǎng)民廣泛使用的一種電子郵箱,一直以來以其穩(wěn)定、高效的服務贏得了用戶的信賴。而網(wǎng)易郵箱大師,則是專為手機用戶打造的郵箱軟件,它極大地簡化了郵件的收發(fā)流程,讓我們的郵件處理變得更加便捷。那么網(wǎng)易郵箱大師該如何使用,具體又有哪些功能呢,下文中本站小編將為大家?guī)碓敿毜膬热萁榻B,希望能幫助到大家!首先,您可以在手機應用商店搜索并下載網(wǎng)易郵箱大師應用。在應用寶或百度手機助手中搜索“網(wǎng)易郵箱大師”,然后按照提示進行安裝即可。下載安裝完成后,我們打開網(wǎng)易郵箱賬號并進行登錄,登錄界面如下圖所示

    See all articles