怎么把json数据输出到HTML的表单中?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么把json数据输出到HTML的表单中?相关的知识,希望对你有一定的参考价值。

$.ajax(
type:"POST",
url:"mains_seek",
data:"name":$('#name').val(),"phone":$("#phone").val(),
success:function(data)
alert(data);
返回的JSON数据:
["admin_id":"1","admin_name":"admin","admin_pwd":"14e1b600b1fd579f47433b88e8d85291","admin_headimg":null,"admin_iphone":"dd","admin_email":"","admin_id":"35","admin_name":"haha","admin_pwd":"d08f49257fd3f55fed488ef1594d65ec","admin_headimg":null,"admin_iphone":"","admin_email":""]
想要得到这种效果,一一对应的关系:

参考技术A $.each(data,function(i,n)
alert(n.admin_id);
);本回答被提问者和网友采纳
参考技术B php要转数组处理

或者前台js处理

jquery怎样把表单中的值转换成json对象

////扩展添加序列化函数,表单序列化json对象
$.fn.serializeObject = function()
var o = ;
var a = this.serializeArray();
$.each(a, function()
if (o[this.name])
if (!o[this.name].push)
o[this.name] = [ o[this.name] ];

o[this.name].push(this.value || '');
else
o[this.name] = this.value || '';

);
return o;
;
//调用:$('form表单').serializeObject();
参考技术A jquery提供了 serializeArray() 方法 将form表单数据转换为 json数据格式 以下代码可以直接粘贴运行: (function()$('#J_btn').on('click', function()var data = $('form').serializeArray();console.log(data););)();

以上是关于怎么把json数据输出到HTML的表单中?的主要内容,如果未能解决你的问题,请参考以下文章

jquery怎样把表单中的值转换成json对象

后台传回的Json数据怎么在HTML表单中显示并能动态编辑(添加、删除)

js怎么遍历json的数组并输出到html中

jquery提交时把表单转成json,调用serializeArray()返回空

form 表单提交时能不能附带json数据

怎么把json返回的数据显示到html页面上?