如何在程序中判断消息是否成功发送?(提供js代码)
时间: 2024-02-12 21:06:14 浏览: 21
在 JavaScript 中,可以通过监听 `onreadystatechange` 事件来判断消息是否成功发送。具体代码如下:
```javascript
const xhr = new XMLHttpRequest();
xhr.open('POST', 'your-url', true);
xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log('消息发送成功');
} else {
console.log('消息发送失败');
}
};
xhr.send(JSON.stringify({
message: 'your-message'
}));
```
在上述代码中,我们通过 `XMLHttpRequest` 对象发送一个 POST 请求,并设置请求头的 `Content-Type` 为 `application/json;charset=UTF-8`。然后,我们通过监听 `onreadystatechange` 事件,在状态码为 4 且响应状态为 200 时打印出消息发送成功的提示,否则打印出消息发送失败的提示。
相关问题
使用AJAX编写程序,实现判断表单中的用户名是否存在。完整代码
以下是使用 AJAX 判断表单中的用户名是否存在的完整代码(仅供参考):
HTML 页面:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>AJAX 判断用户名是否存在</title>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script src="js/check-username.js"></script>
</head>
<body>
<form>
<label for="username">用户名:</label>
<input type="text" id="username" name="username">
<button type="button" id="check-btn">检查</button>
<p id="result"></p>
</form>
</body>
</html>
```
JavaScript 文件 `check-username.js`:
```js
$(function() {
$('#check-btn').click(function() {
var username = $('#username').val();
if (username) {
$.ajax({
type: 'POST',
url: 'check-username.php',
data: {
username: username
},
dataType: 'json',
success: function(data) {
if (data.exists) {
$('#result').text('用户名已存在');
} else {
$('#result').text('用户名可用');
}
},
error: function(xhr, type, errorThrown) {
alert('Ajax error!');
}
});
} else {
alert('请输入用户名');
}
});
});
```
PHP 文件 `check-username.php`:
```php
<?php
$username = $_POST['username'];
$exists = false;
// 这里可以根据实际情况查询数据库等操作,判断用户名是否存在
if ($username === 'admin') {
$exists = true;
}
echo json_encode(array(
'exists' => $exists
));
?>
```
上述代码实现的功能是:当用户在 HTML 表单中输入用户名并点击“检查”按钮时,会向服务器发送一个 POST 请求,请求的 URL 是 `check-username.php`。服务器接收到请求后,可以根据实际情况查询数据库等操作,判断用户名是否存在,并将判断结果以 JSON 格式返回给客户端。客户端接收到服务器的响应后,根据返回的 JSON 数据更新 HTML 页面上的提示信息。
请用WebSocket协议写一段,微信小程序中发送通信的代码
以下是一个使用WebSocket协议实现微信小程序中发送通信的示例代码:
```javascript
// 创建WebSocket连接
var socket = new WebSocket('wss://example.com/ws');
// 监听WebSocket连接打开事件
socket.onopen = function(event) {
console.log('WebSocket连接已打开');
}
// 监听WebSocket接收到消息事件
socket.onmessage = function(event) {
console.log('收到消息:', event.data);
}
// 监听WebSocket连接关闭事件
socket.onclose = function(event) {
console.log('WebSocket连接已关闭');
}
// 监听WebSocket连接错误事件
socket.onerror = function(event) {
console.log('WebSocket连接出错');
}
// 发送消息
socket.send('Hello, WebSocket!');
```
在以上代码中,我们通过创建一个WebSocket对象来建立与服务器的连接。在连接建立后,我们可以通过监听`onopen`事件来判断连接是否已经打开。当连接打开后,我们可以通过监听`onmessage`事件来接收服务器发送的消息。当需要发送消息时,我们可以通过调用`send`方法来发送消息。
需要注意的是,WebSocket连接的地址必须以`wss://`或`ws://`开头,表示使用的是WebSocket协议。在实际使用中,需要将地址替换为实际的服务器地址。