Question

我对AJAX很陌生，所以如果问题太愚蠢或任何事情，我很抱歉。

好吧，这就是......

假设http://example.com/index.php文件具有以下内容：

<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>

我想这样做，以便每次点击a.puke时，只会刷新div.rainbow的内容。

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

谢谢。

Answer 1

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

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

Answer 2

你可以使用.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刷新特定div

2 个答案: