Javascript 在不刷新页面的情况下更改元素_Javascript_Jquery_Ajax

Javascript 在不刷新页面的情况下更改元素

javascript jquery ajax

Javascript 在不刷新页面的情况下更改元素,javascript,jquery,ajax,Javascript,Jquery,Ajax,因此，我需要让这样的事情发生-一切都在链接中解释我应该使用Javascript还是AJAX？也许有人知道一个教程或者其他什么？谢谢 <body> <div class="row"> <a href="#">BUTTON1</a> <a href="#">BUTTON2</a> <a href="#">BUTTON3</a> </d

因此，我需要让这样的事情发生-一切都在链接中解释

我应该使用Javascript还是AJAX？也许有人知道一个教程或者其他什么？谢谢

    <body>

   <div class="row">
       <a href="#">BUTTON1</a>
       <a href="#">BUTTON2</a>
       <a href="#">BUTTON3</a>
   </div>

   <div class="row background">
       Changing content, this content changes depending on which button you press. Without refreshing the page.  
   </div>

</body>


更改内容时，此内容将根据您按下的按钮而更改。不刷新页面。

您可以这样做。Ajax只用于从服务器获取数据而不刷新，但您必须使用javascript将该内容动态附加到html

$('a').on('click', function(){
    $('#changeingDiv').html('Changed Content');
}
);

这只是一个例子。将事件绑定到按钮，并在其单击时更改div的内容。对于不同按钮上的不同内容，单击可以向其添加id，并在某些条件下相应地更改内容

AJAX只是一种JavaScript技术，因此，您需要使用AJAX和JavaScript。请看下面的示例，了解如何仅使用JavaScript实现它

<body>
   <div class="row">
     <a id="one" href="#">BUTTON1</a>
     <a id="two" href="#">BUTTON2</a>
     <a id="three" href="#">BUTTON3</a>
   </div>
   <div id="content" class="row background">
     Changing content, this content changes depending on which button you press. Without refreshing the page.  
   </div>
   <script>
     var one = document.getElementById("one");
     var two = document.getElementById("two");
     var three = document.getElementById("three");
     var content = document.getElementById("content");

     one.addEventListener("click", function() { 
       content.innerHTML = "One";
     });

     two.addEventListener("click", function() {
       content.innerHTML = "Two";
     });

     threee.addEventListener("click", function() {
       content.innerHTML = "Three";
     });
    </script>
</body>


更改内容时，此内容将根据您按下的按钮而更改。不刷新页面。
var one=document.getElementById（“one”）；
var two=document.getElementById（“two”）；
var三=document.getElementById（“三”）；
var content=document.getElementById（“内容”）；
addEventListener（“单击”，函数（）{
content.innerHTML=“一”；
});
2.addEventListener（“单击”，函数（）{
content.innerHTML=“两个”；
});
三e.addEventListener（“单击”，函数（）{
content.innerHTML=“三”；
});

“我应该使用Javascript还是AJAX？”-您应该使用Javascript，是的。还有可能是Ajax，这将涉及编写Javascript代码来发出Ajax请求。