您好，我正在嘗試使用輸入標記 .ajax 更新資料庫中的值。但是，當我在輸入文本框中輸入一些新值時，它無法識別新的輸入值。它仍然保留為默認值。所以我試圖通過在 web 控制臺上顯示值來查看發生了什么，它也向我顯示了默認值。
這是因為我已將輸入標簽值設定為 value="${nickname}" 嗎？
這是我的一些代碼
enter code here
<label for="user_name" class="col-sm-2 col-form-label">nickname</label>
<div >
<input type="text" value="${nickname}" id="nickname"
name="nickname" required><br>
</div>
const usernickname= document.getElementById('nickname').getAttribute("value");
$.ajax({
url : '/nicknameok',
type : 'post',
data : {
"nickname" : usernickname,
},
});
uj5u.com熱心網友回復：
試試這個：
<label for="user_name" class="col-sm-2 col-form-label">nickname</label>
<div >
<input type="text" value="" id="nickname" name="nickname" required><br>
<input type="button" value="Submit" id="submit" />
</div>
<script>
var element = document.getElementById('nickname');
element.value = "Set Initial Value Here";
document.querySelector("#submit").onclick = function () {
var usernickname = element.value;
alert(usernickname);
// handle ajax here
}
</script>
uj5u.com熱心網友回復：
ajax請求是在用戶更改欄位中的值之前發送的，input一種解決方案是添加 abutton并且您應該在單擊按鈕后進行 ajax 呼叫（onclick）。這樣用戶就可以更改輸入欄位中的值并單擊按鈕
<html>
<body>
<input type="text">
<button onclick="changeNickName()">Change name</button>
</body>
<script>
function changeNickName() {
const nickname = document.querySelector("input").value;
$.ajax({
url: "url",
method: "POST",
data: { nickname: nickname }
})
}
</script>
</html>
uj5u.com熱心網友回復：
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<input type="text" name="" id="getValue" onchange="sendData()">
<script>
function sendData(){
const usernickname= document.getElementById('getValue').value;
$.ajax({
url: "index.php",
type: "POST",
data: {usernickname :usernickname },
cache: false,
}).success: function(result){
alert("data Saved Successfully");
});
}
</script>
</body>
</html>
在index.php檔案中獲取 post 資料，以便您可以輕松插入 db。我希望這段代碼對你有用。謝謝...
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/422021.html
標籤：