Question

这段代码有什么问题吗？我在第1行遇到语法错误：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Demo</title>
</head>
<body>
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
    <script>
         $(document).ready(function() {
               $("#button").click(function() {
               var url = 'http://www.foobar.com/?callback=?';

                params = { action: 'woocommerce_json_api', proc:"get_products"};
                params.arguments = {token: 1234, per_page: 10, page: 1}
                $.getJSON(url,params).done(function (data) {
                                                          console.log(data);
                                        });
                });
         });
    </script>
 <input type="button" id="button" value="test" />
 </body>
 </html>

我在firefox中打开firebug但是我在控制台选项卡上出现语法错误，任何人都可以发现错误？

Answer 1

脚本底部还有一对})

<script>
    $(document).ready(function() {
        var url = 'http://www.foobar.com/?callback=?';

        params = { action: 'woocommerce_json_api', proc:"get_products"};
        params.arguments = {token: 1234, per_page: 10, page: 1}
        $.getJSON(url,params).done(function (data) {
            console.log(data);
        });
    });
</script>

注意：尝试使用适当的IDE进行开发，因为它可以轻松地指出这样的愚蠢错误

Answer 2

检查语法错误，应该没问题。看看http://jsfiddle.net/ZdSm5/2/

$(document).ready(function() {
    $("#button").click(function() {
        var url = 'http://www.foobar.com/?callback=?';

        params = { action: 'woocommerce_json_api', proc:"get_products"};
        params.arguments = {token: 1234, per_page: 10, page: 1};
        alert('works!');

        $.getJSON(url,params).done(function (data) {
            console.log(data);
        });
    });
});

getJSON代码语法错误

2 个答案: