Question

我的页面包含可变数量的文本字段，每个字段都名为item_####，其中####是文本字段所代表的项目的ID。我希望在用户单击按钮后自动填充这些字段中有多少商品。 JSON返回wouls看起来像这样： [#### : 45], [#### : 62] （注意密钥中缺少item_）

我无法根据php脚本返回的结果将数据加载到多个文本字段中。我会假设一个循环是有序的，但是我对Javascript和jQuery非常新，所以我在动态加载这个内容时迷失了......

Answer 1

数据格式不明确，但您可以这样做：

<!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>

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

1 个答案: