get请求-post请求

使用XMLHttpRequest进行GET和POST请求

原创于 2022-03-21 19:20:53 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#php #javascript

这篇博客介绍了如何使用JavaScript的XMLHttpRequest对象来发送GET和POST请求。GET请求示例展示了如何加载并打印PHP返回的数据，而POST请求则演示了如何传递表单数据到PHP并接收响应。

get请求

var xhr = new XMLHttpRequest();
xhr.open("get",`./index.php`,true)
xhr.send();
xhr.onreadystatechange = function(){
    if(xhr.readyState == 4){
       if(xhr.status == 200){
            // xhr.responseText是php的返回值
            console.log(xhr.responseText);    
       }
    }
}

post请求

var xhr = new XMLHttpRequest();
xhr.open("post", "./index.php", true);
var fd = new FormData();
fd.append('zhang', zh.value);
xhr.send(fd);
xhr.onreadystatechange = function (){
    if(xhr.readyState == 4){
        if(xhr.status == 200){
            console.log(xhr.responseText);
        }
    }
};