javascript - 如何在 Ajax 响应表中附加复选框

Question

//assume I have the response data as follows:
var response[] = { blake,blake@gmail.com,fofehu45555,ontario,toronto }, {flake,flake@gmail.com,kokehu45555,ontario,toronto}; 

for(i=0; i<response.data.length; i++){

$("#table").append('<input type="checkbox"'"<tr class='tr'> <td> "+response.data[i].user_name+" </td> <td> "+response.data[i].userr_contact+" </td> <td> "+response.data[i].user_license+" </td> <td> "+response.data[i].userr_email+" </td> <td> "+response.data[i].state+" </td> <td> "+response.data[i].city);}

<button onclick="myfunction();">Go</button>
<table id="table" border=1>
  <tr>
   <th> Name </th>
   <th> contact </th>
   <th> license </th>
   <th> email </th>
   <th> state </th>
   <th> city </th>
  </tr>
</table>

我想准确地在表中附加此复选框，以便我可以授予客户端选择少数响应数据的权限，并通过单击按钮(onclick)再次发出新请求。

我遇到的棘手部分是我想获取存储在变量/数组变量中的选定复选框的电子邮件地址

Answer 1

Assume I have the response data as follows

呃...不。因为我觉得这是你的问题。
否则，答案是:获取产生这种格式错误的“响应”的服务器脚本并修复它。

所以我在那里进行了很多修改，向您展示一个可行的示例。

正如评论中提到的，作为起点的response声明是无效的。我以“常见”的方式构建它......这是一个包含对象数组的对象。

对象有属性名称...您试图在 jQuery 附加中引用它。所以我添加了它们。

然后，在附录中，您将复选框放置在 tr 之外...这不好。我将它放在名称单元格中...但我更愿意为其添加一个表格列。由您决定。

您在要附加的字符串上还存在一些引号问题。

$("#goBtn").on("click",function(){

  //assume I have the response data as follows:
  var response = {
    data:[
        {
          user_name: "blake",
          user_email: "blake@gmail.com",
          user_contact: "fofehu45555",
          state: "ontario",
          city: "toronto",
          user_license: ""
        },
        {
          user_name: "flake",
          user_email: "flake@gmail.com",
          user_contact: "kokehu45555",
          state: "ontario",
          city: "toronto",
          user_license: ""
        }
      ]
  };

  for(i=0; i<response.data.length; i++){

    $("#table").append("<tr class='tr'> <td> <input type='checkbox'> "+response.data[i].user_name+" </td> <td> "+response.data[i].user_contact+" </td> <td> "+response.data[i].user_license+" </td> <td> "+response.data[i].user_email+" </td> <td> "+response.data[i].state+" </td> <td> "+response.data[i].city);
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<button id="goBtn">Go</button>
<table id="table" border=1>
  <tr>
   <th> Name </th>
   <th> contact </th>
   <th> license </th>
   <th> email </th>
   <th> state </th>
   <th> city </th>
  </tr>
</table>