通过jQuery/AJAX/JSON将数据加载到文本字段_Jquery_Ajax_Json

通过jQuery/AJAX/JSON将数据加载到文本字段

jquery ajax json

通过jQuery/AJAX/JSON将数据加载到文本字段,jquery,ajax,json,Jquery,Ajax,Json,我有一个页面，它有数量可变的文本字段，每个字段名为item_35;####，其中###是文本字段所代表的项目的ID。我想在用户点击一个按钮后，自动填充这些字段，其中有多少物品是库存的。JSON返回如下所示：（注意键中缺少项）我很难根据php脚本返回的结果将数据加载到多个文本字段中。我假设循环是正常的，但是我对Javascript和jQuery非常陌生，所以在动态加载此内容时我会不知所措…数据格式不清楚，但您可以这样做： <!DOCTYPE html PUBLIC "-//W3C//D

我有一个页面，它有数量可变的文本字段，每个字段名为

item_35;####

，其中

###

是文本字段所代表的项目的ID。我想在用户点击一个按钮后，自动填充这些字段，其中有多少物品是库存的。JSON返回如下所示：


（注意键中缺少项
）
我很难根据php脚本返回的结果将数据加载到多个文本字段中。我假设循环是正常的，但是我对Javascript和jQuery非常陌生，所以在动态加载此内容时我会不知所措…
数据格式不清楚，但您可以这样做：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
    <title>Simple JSON</title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <meta name="generator" content="Geany 0.20" />
    <script type="text/Javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
    <script type="text/Javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>
    <script type="text/Javascript">
        $(document).ready(function(){
            $('[name="button"]').click(function(){
                $.get('json.php',function(data){
                    data = $.parseJSON(data);
                    $.each(data,function(i,v){                      
                        $('[name="item-'+i+'"]').attr('value',v);
                    });
                });
            });
        });
    </script>
</head>

<body>
    <input name="text-1" />
    <input name="text-4" />
    <input name="button" type="button" value="update" />
</body>

</html>


简单JSON
$（文档）.ready（函数（）{
$（'[name=“button”]'）。单击（函数（）{
$.get（'json.php'，函数（数据）{
data=$.parseJSON（数据）；
$.each（数据、函数（i、v）{
$（'[name=“item-'+i+'“]'）.attr（'value'，v）；
});
});
});
});