javascript寫網頁的一個按鈕,點擊後發送給安卓APP一條信息,並禁用按鈕。在接收安卓app的回信後再激活按鈕
时间: 2023-12-18 13:02:43 浏览: 27
你可以使用JavaScript中的XMLHttpRequest对象来向安卓APP发送信息,具体步骤如下:
1. 在HTML中定义一个按钮,添加一个点击事件监听器
```html
<button id="sendBtn" onclick="sendMessage()">发送消息</button>
```
2. 在JavaScript中实现sendMessage()函数,将消息发送给安卓APP
```javascript
function sendMessage() {
// 禁用按钮
document.getElementById("sendBtn").disabled = true;
// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 设置请求方式和URL
xhr.open("POST", "http://your-android-app-url", true);
// 设置请求头
xhr.setRequestHeader("Content-Type", "application/json");
// 发送数据
xhr.send(JSON.stringify({message: "你要发送的消息"}));
// 监听XMLHttpRequest状态变化
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
// 激活按钮
document.getElementById("sendBtn").disabled = false;
// 判断响应状态码
if (xhr.status === 200) {
// 接收到安卓APP的回信
console.log(xhr.responseText);
} else {
console.log("请求失败");
}
}
};
}
```
在这个例子中,我们使用POST方法将消息发送给安卓应用程序,并使用JSON格式将消息作为请求体发送。在成功发送消息后,我们监听XMLHttpRequest对象的状态变化,等待安卓APP的回信。当接收到回信时,我们可以根据状态码和响应体执行相应的操作。
注意:你需要将"http://your-android-app-url"替换成你安卓APP的URL。另外,由于安卓APP和网页在不同的域中,因此需要在安卓APP中设置CORS(跨域资源共享)头,以允许网页向安卓APP发送请求。