我試圖做一個訊息應用程式，當我填寫輸入并點擊發送按鈕時，成功功能可以作業，但資料沒有被發送到insertMessage.php頁面。
$(document).ready(function() {
$("#button_send").on("click"，function(){
$.ajax（{
url:"insertMessage.php"/span>。
method:"POST"。
data:{
fromUser: $("#fromUser").innerHTML,
toUser: $("#toUser").innerHTML,
message: $("#message_text"/span>).val()
},
dataType:"text"。
success:function(data){
$("#message_text").val（""）。
}
});
});
});
insertMessage.php 頁面：
<?php
session_start()。
include 'includes/config.php'。
$fromUser = $_POST['fromUser'/span>]。
$toUser = $_POST['toUser'] 。
$message = $_POST[' message']。
$message = htmlspecialchars($messgae) 。
$date_p1 = date("d/m/Y");
$date_p2 = date("h:i:sa") 。
$date = $date_p1." at "/span>.$date_p2;
$insert_message = "INSERT INTO users_messages (from_user, to_user, message, date_time) VALUES (?, ?, ?)"。
$check_insert_message = $db-> prepare($insert_message)。
$check_insert_message-> execute([$fromUser, $toUser, $message, $date]) 。
? >
uj5u.com熱心網友回復：
考慮下面的片段。
。$(function() {
$("#buttonSend").click(function() {
$.ajax({
url: "insertMessage.php"。
method: "POST",
data: {
fromUser: $（"#fromUser"）.html（）。
toUser: $（"#toUser"）.html（）。
message: $（"#messageText"）.val()
},
success: function(data) {
$("#messageText").val（""）。
}
});
});
});#sendMessage label {
display: inline-block;
width: 80px;
}<script src="https://cdnjs. cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>/span>
<div id="sendMessage"/span>>
<div><label> 從</label>< span id="fromUser">Agent Smith<。 span></div>
<div><label> To</label>< span id="toUser">Tomas Anderson< span></div>
<div><label> Message</label>< input type="text" id="messageText" /> </div>>
<button id="buttonSend"/span>> 發送</按鈕>
</div>這應該可以與你的 PHP 一起使用。
我注意到你在你的ID命名規則中從駝峰轉為下劃線，使用其中一個是更好的做法。我把它們都換成了駱駝峰。
你的click事件不應該需要使用.on()，除非該元素在DOM中不存在，直到后來。所以我把它改為.click()回呼。
我不清楚為什么你想使用innerHTML屬性。這不是jQuery Objects的一個屬性。所以我改用.html()，這將收集所選物件的HTML內容。
查看更多。https://api.jquery.com/html/
該方法使用瀏覽器的
innerHTML屬性。
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/306679.html
標籤：