Question

我有一个名为totalvalue的div。

<div id="totalvalue"></div>

我写了一个函数来从我的PHP脚本（在同一台服务器上）获取值。

function totalvalue() {
var ajax5 = new XMLHttpRequest();
ajax5.onreadystatechange = function() {
if (ajax5.readyState == 4) {
totalvalue = (ajax5.responseText);
console.log(totalvalue);
document.getElementById("totalvalue").innerHTML = ajax5.responseText;

}
};
ajax5.open("GET", "totalvalue.php", true);
ajax5.send(null);
}

php脚本确实输出了一个值。

我的控制台和div都没有显示输出。

Answer 1

这对我有用。

function test5() {

var ajax5 = new XMLHttpRequest();
ajax5.onreadystatechange = function() {
if (ajax5.readyState == 4) {
xxx5 = (ajax5.responseText);
console.log("this is the total value: "+xxx5);

if (xxx5 == 0) {
document.getElementById("totalvalue").innerHTML="Loading...";
} else {
document.getElementById("totalvalue").innerHTML="Total: "+xxx5;
  }

 }
   };
  ajax5.open("GET", "totalvalue.php", true);
   ajax5.send(null);

  }

我认为在我编写div问题的地方+可能存在缓存问题。我无法确定为什么以上才开始工作。

Answer 2

对于更简单的代码和更好的跨浏览器支持，我会像这样使用jQuery.ajax：

$.ajax({
  url: 'totalvalue.php',
  success: funciton(data){
    $('#totalvalue').html(data);
  }
});

在documentation

中详细了解相关信息

XMLHttpRequest - 从URL获取值并将其写入div

2 个答案: