Javascript 使用show（）显示div时显示方法_Javascript_Php_Jquery_Html

Javascript 使用show（）显示div时显示方法

javascript php jquery html

Javascript 使用show（）显示div时显示方法,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我已经创建了这样的html代码。当点击链接“加载页面7”后显示div#Loading_Page8时，我需要调用ABC.js中的一个函数。它有一个Ajax函数，可以在PQR.php中运行查询。这里我给出了一个html页面的示例。js文件以及.php文件 <html> <title></title> <head> <script> $(document).ready(function () { $

我已经创建了这样的html代码。当点击链接“加载页面7”后显示div#Loading_Page8时，我需要调用ABC.js中的一个函数。它有一个Ajax函数，可以在PQR.php中运行查询。这里我给出了一个html页面的示例。js文件以及.php文件

<html>
  <title></title>
  <head>
    <script>
      $(document).ready(function () {
        $("#Loading_Page8").hide();

        $("#EditForms").click(function () {
          $("#Loading_Page7").hide();
          $("#Loading_Page8").show();
            return false;
          });     
        });
      </script>
    </head>

    <body>   
      <div id="Loading_Page7">
        <div id="EditForms" class="AddUser">
          <a href=""><span>Edit/Delete Forms</span>
        </div>      
      </div>
      <div id="Loading_Page8">
        <label>Display Data</label>
        <div id="DisplayFormDetails" style="position: absolute; top:240px; width:1000px;"></div>
      </div>
    </body>
</html>

<?php
include 'connectionPHP.php';

$result = mysqli_query($con, "SELECT * FROM Form");

echo "<table border='1' >
    <tr>
    <td align=center> <b>Roll No</b></td>
    <td align=center><b>Name</b></td>
    <td align=center><b>Address</b></td>
    <td align=center><b>Stream</b></td></td>
    <td align=center><b>Status</b></td>";

while ($data = mysqli_fetch_row($result)) {
    echo "<tr>";
    echo "<td align=center>$data[0]</td>";
    echo "<td align=center>$data[1]</td>";
    echo "<td align=center>$data[2]</td>";
    echo "<td align=center>$data[3]</td>";
    echo "<td align=center>$data[4]</td>";
    echo "</tr>";
}
echo "</table>";
?>

最后是.php文件

<html>
  <title></title>
  <head>
    <script>
      $(document).ready(function () {
        $("#Loading_Page8").hide();

        $("#EditForms").click(function () {
          $("#Loading_Page7").hide();
          $("#Loading_Page8").show();
            return false;
          });     
        });
      </script>
    </head>

    <body>   
      <div id="Loading_Page7">
        <div id="EditForms" class="AddUser">
          <a href=""><span>Edit/Delete Forms</span>
        </div>      
      </div>
      <div id="Loading_Page8">
        <label>Display Data</label>
        <div id="DisplayFormDetails" style="position: absolute; top:240px; width:1000px;"></div>
      </div>
    </body>
</html>

<?php
include 'connectionPHP.php';

$result = mysqli_query($con, "SELECT * FROM Form");

echo "<table border='1' >
    <tr>
    <td align=center> <b>Roll No</b></td>
    <td align=center><b>Name</b></td>
    <td align=center><b>Address</b></td>
    <td align=center><b>Stream</b></td></td>
    <td align=center><b>Status</b></td>";

while ($data = mysqli_fetch_row($result)) {
    echo "<tr>";
    echo "<td align=center>$data[0]</td>";
    echo "<td align=center>$data[1]</td>";
    echo "<td align=center>$data[2]</td>";
    echo "<td align=center>$data[3]</td>";
    echo "<td align=center>$data[4]</td>";
    echo "</tr>";
}
echo "</table>";
?>

首先，您需要更正
function ABC{ 

到
然后，只需向函数添加调用：
$("#EditForms").click(function(){
  $("#Loading_Page7").hide();
  $("#Loading_Page8").show();
  ABC();
  return false;
});

上一个脚本中存在字符串关闭错误：它们在语法高亮显示时确实可见。你应该改正它们。谢谢你，我的第二个问题也请考虑一下。我在PHP上不是很好，但是在这种情况下，我在Ajax调用中做了一个POST（或get）请求（对于ExdoPo: doQue= AddiStand），然后在PHP文件中，我检查$POST（dodoQue'），如果它有用的话）。