我在通过 jQuery/ajax 将值发布到我的 php 脚本时遇到问题。我四处寻找解决方案，但似乎无法弄清楚为什么我没有得到发布的值(value)。
这是我的代码。
page.html
<body>
input message:<p><input type="text" id="note" name="note" placeholder="enter something that made you feel this way"></p><br />
<p><button name="submitMessage">submit</button></p>
<script src="../js/jquery-3.1.1.js"></script>
<script src="../js/welcomeScript.js"></script>
<script> $( document ).ready(function() {
$('[name=submitMessage]').on('click', function (e){
e.preventDefault();
$.ajax({
type: 'POST',
url: '../php/post-note.php',
data: {data: $('#note').attr('val')},
success: function(){
alert('added your note, you will now go to main app!');
window.location.href = "../home.php";
}
});
});
});
</script>
</body>
post-note.php
session_start();
$note = $_POST['data'];
if(isset($note) && isset($_SESSION['username'])){
$username = $_SESSION['username'];
$sqlMessage = "UPDATE mt_tbl SET note = '$note' WHERE userName = '$username'";
mysqli_query($conn, $sqlMessage);
echo "note: ".$note. " added to the dB!";
}
最佳答案
代替 $('#note').attr('val') 使用 $('#note').val()
为什么？原因如下:-
console.log($('#note').attr('val'));
console.log($('#note').val());<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id = "note" value = "2">关于javascript - jQuery ajax 没有将值发布到 php 脚本，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42449312/