Java 以表格格式显示JSON数据,每行对应一个提交按钮
/*如何将json数据显示到JSP页面的表中,每行都有一个提交按钮。单击submit按钮时,行数据应发送到servlet 我使用Ajax从Servlet获取了json数据 下面是我从Servlet获取JSON数据的ajax调用*/Java 以表格格式显示JSON数据,每行对应一个提交按钮,java,json,jsp,servlets,Java,Json,Jsp,Servlets,/*如何将json数据显示到JSP页面的表中,每行都有一个提交按钮。单击submit按钮时,行数据应发送到servlet 我使用Ajax从Servlet获取了json数据 下面是我从Servlet获取JSON数据的ajax调用*/ function updateprofile(){ $.ajax({ url : 'abc/ConnectionInfo', type: 'GET', data: {}, data type: 'json' }).done(function (data){
function updateprofile(){
$.ajax({
url : 'abc/ConnectionInfo',
type: 'GET',
data: {},
data type: 'json'
}).done(function (data){
renderProfiles(data);
}).fail(function (){
toaster.error("Eror...");
});
}
function
renderProfiles(data){
//How can I implement this
method to display all the
data in table format with a
button corresponding to
each row. And on clicking
of the button it should
send a profile ID to
Servlet Post method.
}
您可以使用
$.foreach
循环来迭代json数据并在表中显示它们。演示代码(您需要根据需要更改以下代码):
//您的json数据
var响应=[{
“公制”:“已连接[qa_KCDz->Exre]”
},
{
“公制”:“已连接[qa_KTDz->Exre]”
},
{
“公制”:“已连接[qa_KPDz->Exre]”
}
];
var str='\n'+
'某物\n'+
'提交\n'+
'';
//在json数据中循环
$。每个(响应、功能(键、值){
//获得价值
var s=值[‘度量’];
//获取索引[
变量i=s.indexOf('[');
var data=s.slice(10,i+8).trim();
str+=''+值['metric']+'';
str+='';
});
str+=”;
//附加数据
$(“#table”).html(str);
您可以使用
$.foreach
循环来迭代json数据并将其显示在表中。演示代码(您需要根据需要更改以下代码):
//您的json数据
var响应=[{
“公制”:“已连接[qa_KCDz->Exre]”
},
{
“公制”:“已连接[qa_KTDz->Exre]”
},
{
“公制”:“已连接[qa_KPDz->Exre]”
}
];
var str='\n'+
'某物\n'+
'提交\n'+
'';
//在json数据中循环
$。每个(响应、功能(键、值){
//获得价值
var s=值[‘度量’];
//获取索引[
变量i=s.indexOf('[');
var data=s.slice(10,i+8).trim();
str+=''+值['metric']+'';
str+='';
});
str+=”;
//附加数据
$(“#table”).html(str);
post您在ajax调用[{“metric”:“connected[qa_-KCDz->Exre]”中从servlet获得的json数据,metric:“connected[qa_-KCDz->Exre]”,metric:“connected[qa_-KCDz->Exre]”我已经发布了json数据。我想显示“connected[qa_-KCDz->Exre]”在表行中的一部分,当用户单击其相应的按钮时。假设第一行中的按钮,那么“qa_KCDz”应该转到Servlet post methodpost您的json数据,这些数据也是您在ajax调用中从Servlet获得的[{“metric”:“connected[qa_KCDz->Exre]”,metric:“connected[qa_KCDz->Exre]”,metric:“connected[qa_KCDz->Exre]”]@Swati我已经发布了json数据。我想在一个表行中显示“connected[qa_-KCDz->Exre]”部分,当用户单击其相应的按钮时。假设第一行中的按钮,然后是“qa_-KCDz”应该转到Servlet post methodYay!!!它成功了。。非常感谢您的帮助和快速响应。嘿@Swati。您知道如何使用Ajax而不使用表单来实现它,以便页面不会重定向。分配数据id=“+data+”
在jquery的按钮标记中具有所需值,并使用onclick
事件使用$(this).attr(“数据id”)
获取按钮的值,并使用ajax.str+='Reconnect';函数submitcinction(){debugger;$.ajax传递相同的值({url:'abc/reconnect',type:'POST',dataType:'json',content type:'application/json;charset=utf-8',data:json.stringify({data:$(this.attr)('data id)}),耶!!!成功了..非常感谢您的帮助和快速响应。嘿@Swati。您知道如何使用Ajax而不使用表单来实现它,以便页面不会重定向。分配data id=“+data”+“
它在jquery的按钮标记中具有所需的值,并使用onclick
事件使用$(this).attr(“数据id”)
获取按钮的值,并使用ajax.str+='Reconnect';函数submitcinction(){debugger;$.ajax传递相同的值。”({url:'abc/reconnect',type:'POST',dataType:'json',content type:'application/json;charset=utf-8',data:json.stringify({data:$(this.attr)(“数据id”),