ajax html样式丢失,使用AJAX更改CSS样式并且无需重新加载

在服务器发生什么事情之后，是否可以更改CSS元素的颜色？使用AJAX更改CSS样式并且无需重新加载

在我的程序中，我点击一个按钮，然后启动一个PHP程序。该程序更改服务器中的值(Raspberry Pi的GPIO端口的值)。

有没有可能，我可以改变一个CSS属性与PHP加载后？如果我尝试AJAX，它没有影响，因为该网站已经加载，并且输出对网站没有影响。

var gpio_status = '0';

var php_output = document.getElementById("output");

var request;

function gpio_out(gpio_nr) {

request = new XMLHttpRequest();

request.open("post", "gpio_out.php", true);

request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

request.send("daten=" + gpio_nr);

request.onreadystatechange = request_status;

}

function request_status() {

if (request.readyState == 4 && request.status == 200) {

php_output.innerHTML = request.responseText;

}

}

内容的AJAX文件：

$gpio_status = shell_exec("cat /sys/class/gpio/gpio" . $gpio_nr . "/value");

echo "

echo "var gpio_status = '$gpio_status';";

echo "";

最后我想要的JS变量 “gpio_status”。但它始终具有与我在开始时给出的值相同的值：0.如果我使用colsole.log()变量，我总是会得到0.但是，其他代码正常工作。

2016-12-19

ChiefAlu

+0

应该很容易在ajax回调中通过使用javascript切换类或内联样式来完成。总体问题的细节太模糊了。花点时间阅读[问]和[问题清单](http://meta.stackoverflow.com/questions/260648/stack-overflow-question-checklist)，然后用适当的细节和代码更新问题 –

+1

'如果我尝试AJAX它没有影响，因为该网站已经加载，并且输出对网站没有影响 - 你做错了，显示代码 –

+0

你能检查我的代码吗？ –