请再用js增加发送消息的功能
时间: 2024-05-05 14:16:42 浏览: 36
TorpedoGratis
以下是使用JavaScript编写的发送消息功能示例:
HTML代码:
```
<input type="text" id="message" placeholder="Type your message">
<button id="send" onclick="sendMessage()">Send</button>
```
JavaScript代码:
```
function sendMessage() {
// 获取消息内容
var message = document.getElementById("message").value;
// 创建XMLHttpRequest对象
var xhttp = new XMLHttpRequest();
// 设置请求方法和URL
xhttp.open("POST", "send_message.php", true);
// 设置请求头
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
// 发送请求
xhttp.send("message=" + message);
// 清空输入框
document.getElementById("message").value = "";
}
```
在这个示例中,我们使用XMLHttpRequest对象来发送POST请求,并将消息内容作为请求参数发送到服务器。在实际应用中,您需要将“send_message.php”替换为您的服务器端脚本的URL。
阅读全文