如何在jQuery中使用数组,可以在php中读取的数组?

如何在以下代码中使用数组来从php中的数组读取数据?实际上在循环中,我写了这样的东西,但我知道我如何在下面的代码中完成上面的数组


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script>

  $(document).ready(function() {

    $(".add-row").click(function() {

      //var name = $("#name").val();

      //var quantity = $("#quantity").val();

      //var email = $("#email").val();

      var markup = "<tr><td><input type='checkbox' name='record'></td><td> <input type='text' name='name'> </td><td> <input type='text' name='quantity'> </td><td> <input type='text' name='email'> </td></tr>";

      $("table tbody").append(markup);

    });


    // Find and remove selected table rows

    $(".delete-row").click(function() {

      $("table tbody").find('input[name="record"]').each(function() {

        if ($(this).is(":checked")) {

          $(this).parents("tr").remove();

        }

      });

    });

  });

</script>


<body>

  <form>

    <input type="button" class="add-row" value="Add Row">

  </form>

  <table>

    <thead>

      <tr>

        <th>Select</th>

        <th>Name</th>

        <th>Quantity</th>

        <th>Email</th>

      </tr>

    </thead>

    <tbody>

      <tr>

        <td><input type="checkbox" name="record"></td>

        <td><input type="text" id="name" /></td>

        <td><input type="text" id="quantity" /></td>

        <td><input type="text" id="email" /></td>

      </tr>

    </tbody>

  </table>

  <button type="button" class="delete-row">Delete Row</button>

</body>


繁华开满天机
浏览 102回答 2
2回答

喵喵时光机

您可能希望使用AJAX请求,jQuery包含在其API中:https://api.jquery.com/jquery.ajax/你可以做这样的事情:// Make sure you send a JSON objectvar some_data_for_the_backend = {&nbsp; &nbsp; "lorem": "ipsum",&nbsp; &nbsp; "abc": 123}$.ajax({&nbsp; &nbsp; // I add the timestamp at the end of the URL&nbsp;&nbsp; &nbsp; // so we can avoid any kind of cache, but you can skip that part&nbsp; &nbsp; url: "path/to/script.php?t="+$.now(),&nbsp; &nbsp; type: "POST",&nbsp; &nbsp; data: some_data_for_the_backend,}).done(function (response) {&nbsp; &nbsp; // Do something with your backend response if you want to, like:&nbsp; &nbsp; console.log(response);});然后,在你的或任何它的名字中,你只需要获取数据,就像这样:script.php$_POST$lorem = $_POST["lorem"];$abc = $_POST["abc"];//Output: "ipsum"echo $lorem;//Output: "134"echo $abc;

小唯快跑啊

从根本上说(!Javascript在“客户端”计算机上运行...您的机器...而PHP在“服务器”计算机上运行。这是两台独立的计算机。您必须设计应用程序,以便双方以某种适当的方式进行通信,即使用AJAX。例如,每次用户在表中插入新行(并完成填充)时,JavaScript 代码都必须检测到这一点并进行 AJAX 调用,将新信息发送到 PHP。更改和删除也是如此。但。。。你不必在这里开始盲目。这个非常熟悉的方案称为“CRUD” = 创建读取更新删除。已经有一些已经构建的系统可以做到这一点,例如古老的“Datatables”JavaScript库,并且驱动它们所需的相应PHP端代码也很容易作为可下载的PHP软件包获得。因此,从你正在做的事情中退后几分钟,“做一些谷歌搜索”。“不要做已经做过的事情。如果你想看看不依赖于大型JS库的源代码示例,请浏览&nbsp;https://github.com(世界上最知名的贡献软件库之一),然后搜索(比如说...)。您将获得超过9,000个结果。只需选择一个并浏览其源代码即可。看看他们做了什么,以及他们是如何做到的。(而且,如果这不是家庭作业,请随时偷一些!php crud
打开App,查看更多内容
随时随地看视频慕课网APP