由于 php 结果,更改 html 中的类和文本
Change class and text in html because of php result
在我的 html 中,我想调用一个 php 脚本(它调用一个 python 脚本并检查我的 nas 是在线还是离线 - 这工作正常)并返回我"在线"或"离线"。根据结果,我的在线/离线指示器的类("标签标签成功"到"标签标签危险")和文本("在线"到"离线")应该会发生变化。我该如何实现这一点?
.HTML
<span class="label label-success">Online</span>
.PHP
<?php
$result = popen("pingnas.py", "r");
return $result;
?>
您可以对 php 脚本进行 AJAX 调用,而 php 脚本又调用 python 脚本来检查用户是在线还是离线。
像这样的东西。
-In your Javascript, make an AJAX call to PHP script.
-PHP in turn executes python to see if the user is online or offline.
-Send the JSON response. May be something like {"status":"online"}
-Based on the JSON response, change the HTML of the span element.
将 ID 添加到要操作的范围
<span class="label label-success" id="indicator">Online</span>
将结果变量返回给javascript,然后使用javascript操作文本/类名。假设 python 脚本返回 1 表示成功,返回 0 表示失败
<?php
$result = popen("pingnas.py", "r");
?>
<html>
<head>
<script type='text/javascript'>
var setStatus = function(status) {
var ind = document.getElementById('indicator');
if (status === 1) {
ind.innerHTML='Online';
ind.className='label label-success';
return;
}
ind.innerHTML='Offline';
ind.className='label label-fail';
}
window.onload = function() {
setStatus(<?php echo $result ?>);
};
</script>
...rest of the HTML
相关文章:
- 我收到消息“资源解释为脚本,但使用 MIME 类型文本/html 传输”
- 如何使按钮单击并更改以前显示的文本(html)
- 使用 Javascript 解析电子邮件源的文本/html 部分
- Javascript/jQuery,将CSS应用于包含特定文本/html的元素
- jQuery文本html操作,以查找大量文本中出现的字符,然后更改其颜色
- 使用 Jquery 创建具有转义文本 + HTML 的元素
- 在空节点(如文本节点)中添加文本/html
- 从网站获取特定文本 (html)
- 如何解决“资源解释为脚本但使用 MIME 类型文本/html 传输”
- 请求 JSONP 时的文本/html 输出
- 将元素添加到 DOM 给定的纯文本 HTML 中,仅使用纯 JavaScript(没有 jQuery)
- 在gmail撰写邮件区域中获取选中/突出显示的文本html
- 如何确定是否在父元素的开始或结束存在文本?HTML DOM &JavaScript
- 在输入文本html中显示格式
- 如何使纯文本html javascript
- 资源解释为脚本,但传输MIME类型文本/html javascript
- 从Javascript传递文本- HTML- PHP
- 从DOM对象中获取文本/html
- 脚本类型=“文本/ html"从文件中包含HTML
- jsFiddler.NET中的文本/HTML编辑器