您如何使用 AJAX 獲取要提交的表單數據？

Question

我正在嘗試獲取要提交的表格。 我這里用的是HTML、JS、PHP、AJAX。 由於它不會提交，我假設我的插入 function 有問題，但我無法弄清楚問題是什么。 每當我單擊“提交”時，都沒有任何變化。 沒有動靜。 信息不會被添加。

<!doctype html>

<html>

<head> 

<script src="./js/jquery-3.6.0.min.js">.

</head>

<body>

<form onsubmit="return(insertPeople())">

First name: <input type=text id=firstname><br>
Last name: <input type=text id=lastname><br>
Phone number: <input type=text id=telephonenumber><br>
<input type=submit value=submit>

</form>

<div id=showpeople></div>

<script>

function insertPeople(){

val = $("#showpeople").val();

$.get("./week7ajax.php",{"cmd":"create", "firstname,lastname,telephonenumber" : val}, function(data){
$("#showpeople").html(data);
});

return(false);
}

function showpeople(){
$.get("./week7ajax.php",{"cmd":""}, function(data){
$("#showpeople").html(data);
});
return(false);
}

showpeople();

</script>

</body>


</html>

Answer 1

試一試。 我修復了一些遺漏的引號，縮進了幾行，並刪除了一些不必要的代碼。

<form onsubmit="insertPeople(); return false;">

First name: <input type="text" id="firstname"><br>
Last name: <input type="text" id="lastname"><br>
Phone number: <input type="text" id="telephonenumber"><br>
<input type="submit" value="submit">

</form>

<div id="showpeople"></div>

<script>

function insertPeople() {
    val = $("#showpeople").val();
        $.get("./week7ajax.php",{"cmd":"create", "firstname,lastname,telephonenumber" : val}, function(data){
        $("#showpeople").html(data);
    });
}

function showpeople() {
    $.get("./week7ajax.php",{"cmd":""}, function(data){
        $("#showpeople").html(data);
    });
}

showpeople();

</script>

您如何使用 AJAX 獲取要提交的表單數據？

問題描述

1 個解決方案

解決方案1
0 2022-04-14 00:55:50

您如何使用 AJAX 獲取要提交的表單數據？

問題描述

1 個解決方案

解決方案1 0 2022-04-14 00:55:50

解決方案1
0 2022-04-14 00:55:50