网页设计技巧

Question

我添加了一个按钮来打开相应的信息。然后我将所有信息放在另一页中。我想在点击该信息的按钮时在页面的第一页打开选择性信息。 有可能吗？

我不想使用jquery。 请帮我解决这个问题。

Answer 1

<button onclick="loadInfo()">Get Information</button>
<div id="myDiv"></div>

因此，当用户点击该按钮时，它将触发loadInfo()功能

function loadInfo() { 
var xmlhttp= new XMLHttpRequest();

xmlhttp.open("GET", '/path/to/your/respective/information.file',true); //modify this line to your information file path
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4) {
    if(xmlhttp.status==400){
                document.getElementById("myDiv").innerHTML= xmlhttp.responseText; //your information will be loaded inside myDiv
            }else{
            console.log('error')}
}
}
xmlhttp.send();
}