我試圖在按下按鈕后立即發送 GET 請求。由于我對 HTML 和 JQuery/Ajax 非常缺乏經驗，我對如何做到這一點有點困惑。我的代碼如下
<div id = "Reset">
<!-- <form method="get"></form> -->
<!-- <form action="https://wt.ops/reset" method="get"> -->
<button>Reset</button>
<!-- </form> -->
</div>
<script>
$("Reset").ready(function(){
$( "#Reset" ).click(function(){});
$.get( "https://wt.ops/reset", function( data ) {
$( ".result" ).html( data );
alert( "Load was performed." );
})});
</script>
目前它所做的是它只是在重新加載頁面時自動加載 JQuery 腳本。但是當我單擊按鈕時，它什么也不做。
uj5u.com熱心網友回復：
您應該在加載檔案后附加點擊處理程式。
$("document").ready(function(){
//.. click handler
});
您$.get應該在點擊處理程式中。
$("#Reset").click(function(){
$.get( "https://wt.ops/reset", function( data ) {
$( ".result" ).html( data );
alert( "Load was performed." );
});
});
uj5u.com熱心網友回復：
您必須更新的幾件事
1.這只是問你是否在head中添加了jquery腳本
2. 您必須將 id 從 div 更改為 button 標簽或保持原樣
<div>
<!-- <form method="get"></form> -->
<!-- <form action="https://wt.ops/reset" method="get"> -->
<button id="Reset">Reset</button>
<!-- </form> -->
</div>
3.您必須將腳本功能更新為以下功能。我只更改了 url 來檢查資料
$(document).ready(function () {
$("#Reset").click(function () {
$.get("https://jsonplaceholder.typicode.com/todos", function (data) {
console.log(data);
alert("Load was performed.");
})
});
});
uj5u.com熱心網友回復：
我看到你使用 Jquery。
<div id = "reset">
<button >Reset</button>
<span id='result'> data</span>
</div>
$().ready(function(){
$( "#reset" ).click(function(){
console.log('click')
getFileFromNet();
});
function getFileFromNet(){
$.get( "https://rickandmortyapi.com/api/character/2", function( data ) {
$( "#result" ).html( data );
alert( "Load was performed." );
})
}
});
https://jsfiddle.net/eaLjb1n5/
也許它可以幫助你
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/418441.html
標籤：