我有一個 jquery 和 ajax 執行查詢并在單擊按鈕時顯示一個表。問題是當頁面第一次加載時，查詢沒有運行并且不顯示任何內容，因此必須單擊按鈕才能開始顯示查詢結果。有沒有辦法在頁面加載時運行查詢？然后只需使用按鈕。我的代碼是：$(document).ready(function() { $("#display").click(function() { $.ajax({ //create an ajax request to display.php type: "GET", url: "genquery.php", dataType: "html", //expect html to be returned success: function(response) { $("#responsecontainer").html(response); //alert(response); } }); });});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><table border="1" align="center"> <tr> <td> <input type="button" id="display" value="Buscar" /> </td> </tr></table><div id="responsecontainer" align="center"></div>
2 回答
藍山帝景
TA貢獻1843條經驗 獲得超7個贊
只需調用click()元素來模擬點擊。
$(document).ready(function() {
$("#display").click(function() {
$.ajax({ //create an ajax request to display.php
type: "GET",
url: "genquery.php",
dataType: "html", //expect html to be returned
success: function(response) {
$("#responsecontainer").html(response);
//alert(response);
}
});
}).click();
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table border="1" align="center">
<tr>
<td> <input type="button" id="display" value="Buscar" /> </td>
</tr>
</table>
<div id="responsecontainer" align="center">
</div>
侃侃爾雅
TA貢獻1801條經驗 獲得超16個贊
您可以提取您在點擊處理程序中調用的函數并在ready.
$(document).ready(function() {
const displayContent = () => {
$.ajax({ //create an ajax request to display.php
type: "GET",
url: "genquery.php",
dataType: "html", //expect html to be returned
success: function(response) {
$("#responsecontainer").html(response);
//alert(response);
}
});
}
displayContent();
$("#display").click(displayContent());
});
- 2 回答
- 0 關注
- 151 瀏覽
添加回答
舉報
0/150
提交
取消