Добавление новой строки в таблицу с помощью JS, как включить переменные?

Question

Я знаю, что совершаю глупую ошибку ... но я начал использовать ajax всего час назад. У меня проблема с переменными в JS.

Когда я пишу + 'id_komputery' +, тогда js возвращает ошибку: «Uncaught SyntaxError: missing) после списка аргументов». То же самое с id = 'id_komputery'

    $.ajax({
    url:'add.php',
    method:'POST',
    data:{
        producent_new:'producent_new',
        nazwa_new:'nazwa_new'
    },
    success:function()
    {
        var id_komputery = '<?= $id_komputery ?>';
        console.log(id_komputery);
        $("#main_table > tbody").append('<tr id='id_komputery' ><td width="50" align="center"><input type="checkbox" name="komp_id[]" class="delete_komputery" value='id_komputery' /></td><td width="50" align="center">+'id_komputery'+</td></tr>');
    }
});

Answer 1

Я исправил твой код. Замените ваш код следующим кодом:

$.ajax({
   url:'add.php',
   method:'POST',
   data:{
      producent_new:'producent_new',
      nazwa_new:'nazwa_new'
   },
   success:function()
   {
      var id_komputery = '<?= $id_komputery ?>';
      console.log(id_komputery);
      $("#main_table > tbody").append('<tr id="'+ id_komputery +'"><td width="50" align="center"><input type="checkbox" name="komp_id[]" class="delete_komputery" value="'+ id_komputery +'" /></td><td width="50" align="center">'+ id_komputery +'</td></tr>');
   }
});

Answer 2

Вы забыли несколько кавычек вокруг строки append плюс небольшое изменение.

$("#main_table > tbody")
    .append('<tr id='id_komputery' >
        <td width="50" align="center">
            <input type="checkbox" 
                   name="komp_id[]" 
                   class="delete_komputery" 
                   value='id_komputery' />
        </td>
        <td width="50" align="center">+'id_komputery'+ 
        </td></tr>'
   );

Выше отформатирован ваш синтаксис.

Under - синтаксис с фиксированными кавычками.

$("#main_table > tbody")
    .append('<tr id="id_komputery">
        <td width="50" align="center">
            <input type="checkbox" 
                   name="komp_id[]" 
                   class="delete_komputery" 
                   value="id_komputery"/>
        </td>
        <td width="50" align="center">'
            +id_komputery+
        '</td></tr>'
   );

Answer 3

Вы забыли поставить "'" рядом с +'id_komputery'+ '</td></tr>') (у вас есть +'id_komputery'+ </td></tr>')), и javascript считает его допустимым и является недопустимой переменной, и вам не следует заключать здесь в кавычки +'id_komputery'+, это становится простым строковым литералом, вместо этого вы просто напиши - id_komputery

$("#main_table > tbody").append('<tr id='id_komputery' ><td width="50" align="center"><input type="checkbox" name="komp_id[]" class="delete_komputery" value='id_komputery' /></td><td width="50" align="center">+'id_komputery'+'</td></tr>')

Answer 4

Заменить эту строку:

$("#main_table > tbody").append('<tr id='id_komputery' ><td width="50" align="center"><input type="checkbox" name="komp_id[]" class="delete_komputery" value='id_komputery' /></td><td width="50" align="center">+'id_komputery'+</td></tr>');

с этим:

$("#main_table > tbody").append('<tr id="' + id_komputery + '"><td width="50" align="center"><input type="checkbox" name="komp_id[]" class="delete_komputery" value='id_komputery' /></td><td width="50" align="center">'+id_komputery+'</td></tr>');

Answer 5

Вы ошиблись в столбце 'id_komputery'. Пропускает оператор concat Вы должны изменить это с помощью:

'<tr id="' + id_komputery + '" >...'
'...<input type="checkbox" name="komp_id[]" class="delete_komputery" value="' + id_komputery + '" />'

Или с es2015 +, вы можете использовать выражение интерполя:

$("#main_table > tbody").append(`<tr id="${id_komputery}"><td width="50" align="center"><input type="checkbox" name="komp_id[]" class="delete_komputery" value="${id_komputery}" /></td><td width="50" align="center">${id_komputery}</td></tr>`);