亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

使用 Json 文件時出現“jQuery 模板”問題

使用 Json 文件時出現“jQuery 模板”問題

慕村9548890 2021-10-14 10:24:45
使用 Json 文件時,我遇到了“jQuery 模板”的問題。當我使用下面的代碼時,我沒有錯誤,但是它不起作用。當我將數據 Json 的內容定義為變量時,問題就解決了。但是每當我嘗試使用 Json 文件時,它都不起作用我對此感到非常興奮,但沒有找到任何東西。請指導我。  <script type="text/javascript">    $(function() {      jQuery.getJSON("js/data.json", function(myData) {        $("#ourTemplate").tmpl(myData).appendTo("#tableContent");      });    })  </script>  <script id="ourTemplate" type="text/x-jquery-tmpl">    <tr>      <td>${username}</td>      <td>${name}</td>      <td>${skills}</td>      <td>${age}</td>    </tr>  </script><!DOCTYPE html><html dir="ltr"><title>jQuery templates</title><head>  <script src="https://code.jquery.com/jquery-3.4.1.min.js" charset="utf-8"></script>  <script src="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js" charset="utf-8"></script></head><body>  <table border="1">    <thead>      <th>username</th>      <th>name</th>      <th>skills</th>      <th>age</th>    </thead>    <tbody id="tableContent">    </tbody>  </table></body></html>
查看完整描述

1 回答

?
慕少森

TA貢獻2019條經驗 獲得超9個贊

當我將數據Json的內容定義為變量時,問題就解決了


那是因為您的“JSON”實際上并不是 JSON;它只是一個普通的 JavaScript 對象。


將 JSON 文件的內容更改為以下內容,它將起作用(注意鍵名周圍的引號):


[

    {

        "name": "milad",

        "username": "mldv404",

        "skills": "php , javascript , css , jQuery",

        "age": 24

    },

    {

        "name": "hamid",

        "username": "hamidJ",

        "skills": "Mysql , javascript , css , jQuery",

        "age": 25

    },

    {

        "name": "hossein",

        "username": "hosseindavari",

        "skills": "java , simpless , document , jQuery",

        "age": 34

    },

    {

        "name": "davood",

        "username": "davoodSun",

        "skills": "visial Basic , dot net7 , c++ , jQuery",

        "age": 24

    },

    {

        "name": "zahra",

        "username": "sunMedia",

        "skills": "python , hibernate , AJax , PostgerSql",

        "age": 24

    },

    {

        "name": "mohsen",

        "username": "msnv",

        "skills": "vbScript , php , javascript , jQuery",

        "age": 24

    },

    {

        "name": "mahdi",

        "username": "mhdi23",

        "skills": "php , javascript , css , jQuery",

        "age": 24

    }

]



查看完整回答
反對 回復 2021-10-14
  • 1 回答
  • 0 關注
  • 131 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號