如何将我的JSON信息放入jQuery数组中


How to put my JSON info into a jQuery Array

我有一个项目,我为project Prices/Prices创建了JSON数据。到目前为止,我几乎遇到了麻烦,任何帮助都会有所帮助!我已经在网上和jQuery.getJSON上检查过了,但我最终变得非常困惑。

$data = mysql_query("SELECT * FROM xxx") 
 or die(mysql_error()); 
    $arr = array();
    $rs = mysql_query("SELECT product, price FROM products");
    while($obj = mysql_fetch_object($rs)) {
    $arr[] = $obj;
    }
    echo '{"products":'.json_encode($arr).'}';

我需要将产品价格和产品名称输入这个jquery脚本

        $(document).ready(function() {
                /*** CONSTANTS ***/
                var KEY = 0;
                var VALUE = 1;
                /*** DEFINE DATA SETS ***/
                var POINTS = [ ["$productA", $PRICE ], ["$productB", $PRICE], ["$productC", $PRICE], ["$productD", $PRICE], ["$productE", $PRICE], ["$productF", $PRICE] ];
                var SHIPPING_COSTS = [ ["Pickup", 0], ["Next Day Delivery", 30], ["Same Day Print/Same Day Delivery", 65] ];
                for (var i = 0; i < POINTS.length; i++) {
                    $("#quantity").append("<option value='" + POINTS[i][VALUE] + "'>" + POINTS[i][KEY] + "</option>");
                }
                for (var i = 0; i < SHIPPING_COSTS.length; i++) {
                    $("#shipping").append("<option value='" + SHIPPING_COSTS[i][VALUE] + "'>" + SHIPPING_COSTS[i][KEY] + "</option>");
                }
                $("select.autoUpdatePrice, input.autoUpdatePrice").bind("mousedown click change", function(event) {
                    Calculate();
                });
                Calculate();    
            });

        function Calculate() {
            var net = parseFloat($("#quantity").val());
            /* Calculate the magical # by adding the form fields*/
            var designFee = $("#abcDesignFee").attr("checked") ? $("#abcDesignFee").val() : 0.0;
            var proofFee = $("#abcProofFee").attr("checked") ? $("#abcProofFee").val() : 0.0;
            var MyPrice;
            MyPrice = parseFloat( parseFloat(proofFee) + parseFloat(designFee) + net + parseFloat($("#shipping").val()));
            $("#DumpHere").html("Your Price: $" + formatNumber(MyPrice));
            $("#abcName").val($("#quantity").find(":selected").text() + " " + ProductNamePlural);
            $("#abcPrice").val(MyPrice);
        }

在您的PHP脚本中,您可以只json_encode()您的对象数组而不将其包装在字符串中吗?相反,对JSON对象进行如下编码:

<?php
// your script ...
echo json_encode($arr);

这创建了一个JSON编码对象数组:

[{"name":"item 1","price":4.99},{"name":"item 2","price":9.99}]

在JS中发出AJAX请求以查询PHP脚本,并使用jQuery的$.each()$.parseJSON()方法迭代返回的JSON数据:

$.post('get_products.php', { data: foo }, function(json) {
    $.each($.parseJSON(json), function(key, product) {
        console.log(product.name + ' ' + product.price);
    });
});

希望这有帮助:)

当我学习的时候-我遇到了完全相同的问题-但在这里得到了答案

我当时没有意识到的是,您可以使用对象表示法(json的ON)来访问您发送的数据。

如果你看看我的问题和我选择的答案,一旦你把数据发送回javascriot,你就可以很容易地访问它。在我的例子中,它就像在javascript中使用data.catagory_desc来查找编码的数据一样简单。