html AJAX - 向服务器发送请求

Posted 2021-05-11

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html AJAX - 向服务器发送请求相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<body>

<h1>The XMLHttpRequest Object</h1>

<button type="button" onclick="loadDoc()">Request data</button>

<p id="demo"></p>

<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", "demo_get2.asp?fname=Henry&lname=Ford", true);
  xhttp.send();
}
</script>
 
</body>
</html>

以上是关于html AJAX - 向服务器发送请求的主要内容，如果未能解决你的问题，请参考以下文章

本地html向远程的服务器发送aJax请求的问题

同源政策

AJAX 的GET和POST方法(向服务器发送请求)

Ajax--使用jsonp向非同源服务器请求数据

本地html向远程的服务器发送aJax请求的问题