Question

我想在我的HTML表格中附加jQuery中的一些值

＆＃13;

$(document).ready(function() {
  console.log("ready!");

  // on form submission ...
  $('form').on('submit', function() {

    console.log("the form has beeen submitted");

    // grab values
    valueOne = $('input[name="perfid"]').val();
   
    console.log(valueOne)

    $.ajax({
      type: "POST",
      url: "/",
	  datatype:'json',
      data : { 'first': valueOne},
      success: function(result) {
		console.log(result.result[0].userid);
       
		
		$('#result').html("<table class="table table-bordered responsive"><tr><td>" + result.result[0].hosts[0].filer + "</td><td>" + result.result[0].hosts[0].hostname + "</td><td>" + result.result[0].hosts[0].model + "</td></tr></table>");
		
       
      },
      error: function(error) {
        console.log(error)
      }
    });

  });

});

＆＃13;

我收到的错误是：在行的参数列表之后的SyntaxError：missing）：

$('#result').html("<table class="table table-bordered responsive"><tr><td>" + result.result[0].hosts[0].filer + "</td><td>" + result.result[0].hosts[0].hostname + "</td><td>" + result.result[0].hosts[0].model + "</td></tr></table>");

有人可以指出出了什么问题吗？ TIA

Answer 1

全是关于引用

$('#result').html('<table class="table table-bordered responsive"><tr><td>' + result.result[0].hosts[0].filer + '</td><td>' + result.result[0].hosts[0].hostname + '</td><td>' + result.result[0].hosts[0].model + '</td></tr></table>');

看看How to concatenate variable in string in javascript

Answer 2

请尝试以下代码

var table = $('<table/>').addClass('table table-bordered responsive');
var rows='<tr><td>' + result.result[0].hosts[0].filer + '</td><td>' + result.result[0].hosts[0].hostname + '</td><td>' + result.result[0].hosts[0].model + '</td></tr>'; 
$(table).append(rows);
$('#result').append(table);

在Jquery中显示带有类的表

2 个答案: