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

我有一个名为totalvalue的div。XMLHttpRequest - 从URL中获取值并将其写入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都没有显示输出。

来源

2016-02-28 Cody Raspien

您是否检查过任何浏览器的开发人员工具的网络选项卡，以查看ajax调用中会发生什么 – Saravanan

那么您好，我发现您创建了一个div和一个XMLHttpRequest以便从服务器获取某些内容。我不知道你是否有一个按钮或一个事件来调用你的函数。你想更改页面加载文本？ –

totalvalue.php没有出现在网络标签 –

这为我工作。

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 +此事有可能是一个问题与缓存。我无法确定上述刚刚开始工作的原因。

来源

2016-02-28 17:05:03

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

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

了解更多关于它的documentation

来源

2016-02-28 13:22:47

谢谢，但我没有使用JQuery。 –

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

回答

相关问题