ajax调用后,HTML / PHP表单不起作用

时间:2017-06-21 12:11:57

标签: php jquery ajax

在ajax调用之后,我的表单不起作用。

我有一个像这样的服务器表:

|| server_name || server_port || report_date || isMonitored ||状态|| delete.jpg update.jpg ||

由以下代码创建:table.php

$edit ="<input id=\"updating\" title=\"Change Monitoring Status\" type=\"image\" name=\"action\" value=\"Update\" src=\"add/img/edit.png\" alt=\"edit\" height=\"12\" width=\"12\">";

$delete ="<input id=\"deleting\" title=\"Delete this server\" type=\"image\" name=\"action\" value=\"Delete\" src=\"add/img/delete.png\" alt=\"edit\" height=\"12\" width=\"12\">";

$table .= "
    <form id=\"serverform\" action=\"action.php\" method=\"POST\"><tr class=".$tr_class.">
    <td><input type=\"hidden\" name=\"server_name\" value=\"".$row['server_name']."\"><a target=\"blank\" href=\"http://".$row['server_name'].":".$row['server_port']."\">".$row['server_name']."</a></td>
    <td><input type=\"hidden\" name=\"server_port\" value=\"".$row['server_port']."\">".$row['server_port']."</td>
    <td>".$row['report_date']."</td>
    <td>".$row['monitored']."</td>
    <td>".$status."</td>
    <td>".$edit." ".$delete."</td>
    </tr></form>";      

echo $table;

在我的index.php中,我像这样调用table.php:

<tbody id="table"></tbody>

<script>
  (function worker() {
    $.ajax({
      url: 'table.php', 
      success: function(data) {
        $('#table').html(data);
      },
      complete: function() {
        // Schedule the next request when the current one's complete
        setTimeout(worker, 30000);
      }
    });
  })();
</script>

表每30秒刷新一次。如果我使用了url server / table.php,表单正常工作,但是如果我继续使用server / index.php,则只显示表单。

我是ajax的新手,我做了一些研究,似乎我做错了,你能帮我解决问题吗?

0 个答案:

没有答案