XMLHttpRequest

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

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

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

在 documentation

中阅读更多相关信息

Answer 2

这对我有用。

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 的地方很重要 + 缓存可能有问题。我无法确定为什么上面的内容刚刚开始工作。

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

XMLHttpRequest - get value from URL and write it in a div

javascript