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

-1

我有一个可变数量的文本字段的页面，每个文本字段的名字分别为item_####，其中####是文本字段代表的项目的ID。我想在用户点击一个按钮之后自动填充这些字段中的商品有多少。该JSON返回wouls是这样的： [#### : 45], [#### : 62] （注意在关键缺乏item_）通过jQuery/AJAX/JSON将数据加载到文本字段中

我在遇到麻烦的工作我的头围绕如何可以将数据加载到基于返回的结果多个文本字段一个PHP脚本。我会假设一个循环是为了顺序，但是我对JavaScript和jQuery非常新，所以我迷失了，当涉及到动态加载此内容...

来源

2011-06-28 Ryan

数据格式不清楚，但你可以这样做：

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

来源

2011-06-28 08:44:36 khattam

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

回答

相关问题