Javascript 使用AJAX刷新特定div_Javascript_Ajax

Javascript 使用AJAX刷新特定div

javascript ajax

Javascript 使用AJAX刷新特定div,javascript,ajax,Javascript,Ajax,我对AJAX完全陌生，所以如果这个问题被证明太愚蠢或其他什么的话，我很抱歉好吧，那就这样假设文件具有以下内容： <HTML> <HEAD> <title>Ajax Test</title> </HEAD> <BODY>  <a class="puke" href="#">Button</

我对AJAX完全陌生，所以如果这个问题被证明太愚蠢或其他什么的话，我很抱歉

好吧，那就这样

假设

文件具有以下内容：

<HTML>
<HEAD>
<title>Ajax Test</title>
</HEAD>
<BODY>

<!-- Other contents which don't need to change -->

<a class="puke" href="#">Button</a>

<div class="rainbow"><?php echo mt_rand(0,100); ?></div>

<!-- Other contents which don't need to change -->

</BODY>
</HTML>


Ajax测试

我想这样做，每当点击

a.puke

时，只有

div.rainbow

的内容才会被刷新

我怎样才能达到这样的效果

谢谢。

您可以使用。responseText

document.getElementsByClassName("puke").onclick = updateDiv();

function updateDiv() {

    upd=new XMLHttpRequest();
    upd.open("GET","test.php?action=something" ,  false);
    upd.send();
    console.log(upd.responseText);
    document.getElementsByClassName("rainbow").innerHTML=upd.responseText;
}

这就是如何获取test.php？action=something的内容并将其放到

div.rainbow

由于您是AJAX新手，下面是AJAX和php的代码示例-。请参阅此链接

       $.ajax({
          url: "http://example.com/index.php", 
          type: "GET",        
          cache: false,
          success: function(data){                          
              $("div.rainbow").html(data);                   
          }           
        });

你能添加更多的代码吗？您的ajax代码在做什么？您想将新数据加载到

div.rainbow

中，但是您想从何处提取数据？div.rainbow中的简单php应该在每次刷新时生成不同的内容。这是我的目标。但是我认为仅仅为了它而刷新整个页面实在是太多了。不同的内容在哪里？