[英]Display a method when div is displaying using show()
我已经创建了这样的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;
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.