Question

我刚刚开始学习如何使用JSON，而我在使用一个非常简单的页面遇到了麻烦 - 我正在尝试将一个数字传递给PHP，将其添加到数据库中，然后检索一个（有点随机））数组将显示在info div中。文本框中的文本已成功输入数据库，但是，我没有从JSON编码数组返回任何内容。

<?php
    include_once('functions.php');
    if (isset($_GET['number'])){
        $num = $_GET['number'];
        dbQuery("INSERT INTO `wheels` (`wheelNo`) VALUES ($num);");
        $blah = Array();
        $blah['item1'] = 'hats';
        $blah['item2'] = 'shoes';
        echo json_encode($blah);
     }
?>


<html>
<head>
    <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){

            $('#sub').click(function(){
                var num = $('#num').val();
                $.getJSON('test.php','number='+num, function(data) {    
                    $('#info').html(data.item1);
                });
            });
        });

    </script>
</head>

<body>


    <button id="sub">Submit</button>
    <input type="text" id="num" />
    <div id="info">

    </div>
</body>
</html>

Answer 1

目前，您的HTML将被添加到JSON的末尾，导致其无效，请尝试在json_encode()后立即调用exit()，以确保不会向页面打印任何其他内容。< / p>

Answer 2

在echo json_encode($blah);之后尝试输入die();之后停止阅读代码

非常简单的AJAX / Jquery / JSON

2 个答案: