Java 以表格格式显示JSON数据,每行对应一个提交按钮

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){

/*如何将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){
     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”),