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