Как добавить данные в скрипт jquery из формы php/html?

У меня есть скрипт таблицы html, который я нашел в Интернете с помощью JQuery. И еще один скрипт, использующий html и JavaScript.

  • script1 - отправить ввод из html-формы в html-таблицу с помощью JQuery.
  • script2 - содержит данные внутри таблицы html, которая пингует мои веб-сайты для проверки статуса с помощью javascript.

мне нужно отредактировать script2 в блокноте ++, чтобы вставить URL-адреса / IP-адреса веб-сайтов, чтобы использовать его. Я хочу использовать script1 для ввода данных в таблицу script2. Но у меня возникли проблемы с определением того, что я делаю неправильно. Я не получаю никаких ошибок, я не получаю никаких результатов.

  • Идентификатор TABLE на script2 - pinger
  • Класс TABLE в script1 представляет собой таблицу данных, граничащую с таблицей.
  • Класс Div в script1 - это группа форм
  • Идентификатор Div на script2 является содержимым. Я не уверен, имеет ли это значение. Я попытался найти класс div и использование идентификатора div - я понимаю, что они оба делают одно и то же. В script2 строка таблицы имеет:

    <td><span>DNSPod DNS</span> (119.29.29.29)</td>
    <td class='latency' id='**us-east-1**' endpoint='**119.29.29.29**'>&nbsp;</td>
    

    us-east-1 — это то, что я хочу заменить на имя 119.29.29.29, это то, что я хочу заменить на ip

script1

scrip2

на script1 JQuery:

     $("form").submit(function(e){
    e.preventDefault();
    var name = $("input[name='name']").val();
    var ip = $("input[name='ip']").val();

    $(".data-table tbody").append("<tr data-name='"+name+"' data-ip='"+ip+"'><td>"+name+"</td><td>"+ip+"</td><td><button class='btn btn-info btn-xs btn-edit'>Edit</button><button class='btn btn-danger btn-xs btn-delete'>Delete</button></td></tr>");

    $("input[name='name']").val('');
    $("input[name='ip']").val('');
});

$("body").on("click", ".btn-delete", function(){
    $(this).parents("tr").remove();
});

$("body").on("click", ".btn-edit", function(){
    var name = $(this).parents("tr").attr('data-name');
    var ip = $(this).parents("tr").attr('data-ip');

    $(this).parents("tr").find("td:eq(0)").html('<input name="edit_name" value="'+name+'">');
    $(this).parents("tr").find("td:eq(1)").html('<input name="edit_ip" value="'+ip+'">');

    $(this).parents("tr").find("td:eq(2)").prepend("<button class='btn btn-info btn-xs btn-update'>Update</button><button class='btn btn-warning btn-xs btn-cancel'>Cancel</button>")
    $(this).hide();
});

$("body").on("click", ".btn-cancel", function(){
    var name = $(this).parents("tr").attr('data-name');
    var ip = $(this).parents("tr").attr('data-ip');

    $(this).parents("tr").find("td:eq(0)").text(name);
    $(this).parents("tr").find("td:eq(1)").text(ip);

    $(this).parents("tr").find(".btn-edit").show();
    $(this).parents("tr").find(".btn-update").remove();
    $(this).parents("tr").find(".btn-cancel").remove();
});

$("body").on("click", ".btn-update", function(){
    var name = $(this).parents("tr").find("input[name='edit_name']").val();
    var ip = $(this).parents("tr").find("input[name='edit_ip']").val();

    $(this).parents("tr").find("td:eq(0)").text(name);
    $(this).parents("tr").find("td:eq(1)").text(ip);

    $(this).parents("tr").attr('data-name', name);
    $(this).parents("tr").attr('data-ip', ip);

    $(this).parents("tr").find(".btn-edit").show();
    $(this).parents("tr").find(".btn-cancel").remove();
    $(this).parents("tr").find(".btn-update").remove();
});

я хочу использовать script1 для ввода данных в таблицу в script1 и использовать код js в script2 для проверки связи с серверами.

Это то, что у меня есть до сих пор, но это не работает

    $("form").submit(function(e){
    e.preventDefault();
    var name = $("input[name='name']").val();
    var ip = $("input[name='ip']").val();
    $(".data-table tbody").append("<tr data-name='"+name+"' data-ip='"+ip+"'><td>"+name+"</td><td>"+ip+"</td><td class='latency'  id='"+name+"' endpoint='"+ip+"'>&nbsp;</td><td><button class='btn btn-info btn-xs btn-edit'>Edit</button><button class='btn btn-danger btn-xs btn-delete'>Delete</button></td></tr>");

person user10212870    schedule 26.03.2020    source источник


Ответы (1)


Может быть, вы не закрыли метод отправки? (Я добавил последнюю строку кода ниже, чтобы закрыть метод)

   $("form").submit(function(e){
    e.preventDefault();
    var name = $("input[name='name']").val();
    var ip = $("input[name='ip']").val();

    $(".data-table tbody").append("<tr data-name='"+name+"' data-ip='"+ip+"'>"+
    "<td>"+name+"</td>"+
    "<td>"+ip+"</td>"+
    "<td class='latency' id='"+name+"' endpoint='"+ip+"'>&nbsp;</td>"+
    "<td>"+
      "<button class='btn btn-info btn-xs btn-edit'>Edit</button>"+
      "<button class='btn btn-danger btn-xs btn-delete'>Delete</button>"+
    "</td>"+
  "</tr>");
});
person Lerie Taylor    schedule 26.03.2020
comment
как script1, так и script2 работают хорошо, однако после закрытия и, как вы упомянули, новой формы для ввода данных. ‹td›‹span›$name‹/span› ($address)‹/td› ‹td class='latency' id='$name' endpoint='$address'›‹/td› .не работает. форма обновляет переменные, но не пингуется - person user10212870; 28.03.2020