显示数组的内容

Display contents of an array

本文关键字：数组 显示      更新时间：2023-09-26
    <script type="text/javascript" src="http://www.google.com/jsapi?key=asedAWWefefI-43WqNAiw0XkfflwpU9zqkg">
            </script>
            <script type="text/javascript">
                google.load("jquery", "1.6.1");
            </script><script src="http://code.jquery.com/jquery-latest.js"></script>
            <script type="text/javascript">
                google.setOnLoadCallback(function()
                {...
}....

我的代码无法正常工作，我想这是上述代码的错误。

整个代码

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title></title>
        <script type="text/javascript" src="http://www.google.com/jsapi?key=AIzaSyDzbTUhnU2I-erwerwe3450XkfflwpU9zqkg">
        </script>
        <script type="text/javascript">
            google.load("jquery", "1.6.1");
        </script><script src="http://code.jquery.com/jquery-latest.js"></script>
        <script type="text/javascript">
            google.setOnLoadCallback(function()
            {
                $(function()
                {
                    $('#catalog').click(function(e)
                    {
                        e.preventDefault();
                        $.getJSON('books.php', function(data) {   
                            var book = "<h3>" + data.title + </h3>";                             
                            book += "<p>ISBN: " + data.isbn + "</p>";                                                
                            book += "<br/>Published Date: " + data.publishDate;
                            book += "<br/>Publisher: " + data.publisher;
                            var author = [];
                            $.each(data.authors, function(i, ov) {
                                authors.push(ov.name)
                            });
                            book += "<br/>Authors: " + authors.join(", ");
                            $('#resopnse').html(book);
                                                                                                                                            });
                    });
                });
            });                                              
        </script>
    </head>
    <body>
        <p><a id="catalog" href="">Retrieve book information</a></p>
        <div id="response"></div>
    </body>
</html>

当我单击链接时，它不会向我显示任何内容。我已经有一个 books.php 文件，其中包含一个格式化为 json 输出的数组。

更新

$.getJSON('books.php', function(data)
                        {
                            var book = "<h3>" + data.title + "</h3>";
                            book += "<p>ISBN: " + data.isbn + "</p>";
                            book += "<br/>Published Date: " + data.publishDate;
                            book += "<br/>Publisher: " + data.publisher;
                            var author = [];
                            $.each(data.authors, function(i, ov) { authors.push(ov.name) });
                            book += "<br/>Authors: " + authors.join(", ");
                            $('#response').html(book);
                        });

此功能在内部无法访问。

您的页面上存在一个 JavaScript 错误。您确实应该使用调试器。Chrome开发工具非常出色。按 [CTR][shift][j] 如果您使用的是 Chrome 或> 菜单工具> JS 控制台

var book = "<h3>" + data.title + </h3>";

缺少"

相关文章：