例如我有這段代碼<?php if(isset($_POST['goose'])){echo '<div>goose</div>';}?> <form action="goose.php" method="POST"> <input type="submit" name="goose" /> </form>我怎么能寫這樣的東西，但在 AJAX 中？我不懂這種語言。
2 回答
12345678_0001
TA貢獻1802條經(jīng)驗 獲得超5個贊
我推薦使用jQuery。
$.ajax({? //? begins our async AJAX request
? type: "POST",? //? defining as POST
? url: "goose.php",? //? page to request data from
? data: ["goose":$("input[name=goose]").val()],? //? define POST values
? success: function(output){
? ? alert(output);
? },
? error: //do something else
});
因為我們已經(jīng)將類型設置為POST我們的數(shù)據(jù)，所以需要采用關聯(lián)數(shù)組的形式，等同"goose"于$_POST["goose"].
? data: ["goose":$("input[name=goose]").val()],
success如果數(shù)據(jù)能夠作為output返回的內(nèi)容正確發(fā)送，將會發(fā)生什么。在我們的例子中output= <div>goose</div>。
? success: function(output){
? ? alert(output);
? }
error也可以有一個函數(shù)，但在這里你會想告訴腳本如果說goose.php是無法到達的，該怎么做。
守候你守候我
TA貢獻1802條經(jīng)驗 獲得超10個贊
不需要額外的框架。只需使用獲取 api。
<form action="goose.php" method="POST" onsubmit="submit(event, this)">
<input type="submit" name="goose" />
</form>
Java腳本：
function submit(event, form) {
event.preventDefault();
fetch(form.action,{
method: 'post',
body: new FormData(form)
}).then((data) => {
console.log(data);
});
}
- 2 回答
- 0 關注
- 154 瀏覽
添加回答
舉報
0/150
提交
取消