javascript - 使用 show() 显示 div 时显示方法

标签 javascript php jquery html

我创建了一个像这样的html代码。当点击链接 #Loading_Page7 后显示 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>

ABC.js 文件

 function ABC {
     $.ajax({ //create an ajax request to load_page.php
         type: "GET",
         url: "UpdateData.php",
         dataType: "html", //expect html to be returned                
         success: function (response) {
             $("#DisplayFormDetails").html(response);
             //alert(response);
         }
     });
 }

最后这是 .php 文件

<?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>";
?>

我遇到的问题是如何执行函数 ABC。我不知道当#Loading_Page8时如何运行ajax函数正在显示。我将其分为 3 个单独的文件的原因是我需要概括它们而不是重写代码,因为我有更多链接,例如 <div id="EditForms" class="AddUser"><a href=""><span>Edit/Delete Forms</span></div

我的第二个问题是,如果 PQR.php 文件中写入了更多查询,我如何执行特定查询并将回显值发送到 ajax 函数/

最佳答案

首先,你需要更正

function ABC{ 

function ABC() {

然后,只需添加对您的函数的调用:

$("#EditForms").click(function(){
  $("#Loading_Page7").hide();
  $("#Loading_Page8").show();
  ABC();
  return false;
});

关于javascript - 使用 show() 显示 div 时显示方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20373343/

相关文章:

javascript - 使用 GPU 加速的视差效果

php - 由未知的正则表达式分割

php - 使用 Puppet 自动进行 Composer self 更新

php - 无法通过 PHP 使用变量检索 mysql 中 DATETIME 中的值

javascript - jQuery addClass() 到 ul :nth-child?

javascript - 选中时触发复选框

javascript - 链接这个 jquery 表达式

JavaScript getElementById 不工作

javascript - 在 javascript 中转换为 e+ 的脚本

javascript - 从 markdown 到 html 时包含一个带有 pandoc 的 javascript 文件