如何在json.html中使用ajax

时间:2011-05-19 01:32:55

标签: ajax

喜 我正在做一个项目,我需要使用json格式的数据 但我要求把json放在html中 之后使用ajax并调用javascript函数 谁知道我怎么能把json放在html中以及如何使用ajax 这是我的json数据

`[ “书”:

    {
    "title":"JavaScript, the Definitive Guide",
    "publisher":"O'Reilly",
    "author":"David Flanagan",
    "cover":"/images/cover_defguide.jpg",
    "blurb":"Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
        },


    {
    "title":"DOM Scripting",
    "publisher":"Friends of Ed",
    "author":"Jeremy Keith",
    "cover":"/images/cover_domscripting.jpg",
    "blurb":"Praesent et diam a ligula facilisis venenatis."
        },

    {
    "title":"DHTML Utopia: Modern Web Design using JavaScript & DOM",
    "publisher":"Sitepoint",
    "author":"Stuart Langridge",
    "cover":"/images/cover_utopia.jpg",
    "blurb":"Lorem ipsum dolor sit amet, consectetuer adipiscing elit."

}

]`

2 个答案:

答案 0 :(得分:0)

JSON是Javascript语法的一个子集。

你可以写

var myArray = [ { prop: 123 }, ... ];

答案 1 :(得分:0)

好的,所以你想要的只是能够看到AJAX调用返回的内容而不在页面本身上做任何逻辑。

只需这样做:

json.html:

<html>
  <head><title>My JSON</title></head>
  <body>
    {
      "menu": {
        "id": "file",
        "value": "File",
        "popup": {
           "menuitem": [
               {"value": "New", "onclick": "CreateNewDoc()"},
               {"value": "Open", "onclick": "OpenDoc()"},
               {"value": "Close", "onclick": "CloseDoc()"}
        ]}
    }}
  </body>
</html>

当您调用ajax函数时,将返回页面内容。