首页上面代码html不要表单提交还一种方式

上面代码html不要表单提交还一种方式

时间: 2023-06-30 08:02:58 浏览: 83

是的，还有一种方式是使用JavaScript实现Ajax技术，可以在不刷新页面的情况下向服务器发送请求并获取响应数据。下面是一个简单的例子： ```html <!DOCTYPE html> <html> <head> <title>Ajax Example</title> <script> function loadDoc() { var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { document.getElementById("demo").innerHTML = this.responseText; } }; xhttp.open("GET", "ajax_info.txt", true); xhttp.send(); } </script> </head> <body> <div id="demo"> <button type="button" onclick="loadDoc()">Get Data</button> </div> </body> </html> ``` 这个例子中，当用户点击"Get Data"按钮时，JavaScript代码会使用XMLHttpRequest对象向服务器发送GET请求，并在获取响应后将响应数据显示在页面上。你需要将 `ajax_info.txt` 替换为你自己的服务器地址或API地址。

阅读全文