Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/variables/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用javascript创建动态HTML表单_Javascript_Jquery_Html_Json - Fatal编程技术网

使用javascript创建动态HTML表单

使用javascript创建动态HTML表单,javascript,jquery,html,json,Javascript,Jquery,Html,Json,我一直在谷歌上搜索,但完全被这个问题所困扰 我有一个GET请求,它检索一些包含用户列表的JSON。但是,用户列表会发生变化 我想生成一个简单的HTML表单,其中包含用户的姓名,然后是一个输入字段,以便对他们进行评分。然后,我需要收集评分并发送一个JSON格式的POST请求 最好的方法是什么?我曾想过在用户之间循环,并用文本输入类型显示他们,但我不知道如何使用表单数据发送POST请求 非常感谢您提供的任何帮助基于JSON填充UI HTML: 您不知道如何收集数据,也不知道如何发送数据?POST只是

我一直在谷歌上搜索,但完全被这个问题所困扰

我有一个GET请求,它检索一些包含用户列表的JSON。但是,用户列表会发生变化

我想生成一个简单的HTML表单,其中包含用户的姓名,然后是一个输入字段,以便对他们进行评分。然后,我需要收集评分并发送一个JSON格式的POST请求

最好的方法是什么?我曾想过在用户之间循环,并用文本输入类型显示他们,但我不知道如何使用表单数据发送POST请求


非常感谢您提供的任何帮助

基于JSON填充UI

HTML:


您不知道如何收集数据,也不知道如何发送数据?POST只是表单的
action
属性。声明您希望它发布到的位置,它将自动处理它。至于检索信息,您是否可以访问诸如PHP之类的后端语言?它们将使您的任务更容易:)否则您将考虑使用AJAX检索信息并在构建表单后注入,而不是使用动态注入的内容构建表单;)哦,是的,我忘了提到,不能访问任何后端语言用户列表json的格式是什么?只是一个字符串数组?只是一个简单的字符串数组yesMany感谢你的帖子,这正是我想要的!
 <form id="user_list">
  <div>

   </div>
  <input type="submit"/>
 </form>
var obj = {
  users:[{name:"user 1"},{name:"user 2"}]
}

var user_list = $("#user_list>div");

obj.users.forEach(function(user,index){

    user_list.append("<div>"+
                     "<h1>" + user.name + "</h1>"+
                     "<input type='text' id='user_"+ index +"'/>"+
                     "</div>");
});
"<input type='text' name='[user_"+ index +"]'/>"+
  $("input[type='text']").each(function(input){
       $(input).val();
    });