原生ajax POST,解决Undefined index

我会带着你远行 2022-07-13 07:07 149阅读 0赞

原生ajax ,POST请求：

var xhr=new XMLHttpRequest();
        xhr.open('POST','test.php',true);
        xhr.onreadystatechange=function(){
            if(xhr.readyState==4){
                    console.log('成功插入');
                if(xhr.status==200){
                    console.log('响应成功');
                    console.log('回调');
                    console.log(xhr.responseText);
                }
            }
        }
    
        xhr.send("user=xianfeng");

<? echo $_POST['user']; ?>

但是服务端响应数据失败。  
![这里写图片描述][SouthEast]

后来经过测试，是客户端发送请求到服务端的时候少写了响应报头。

xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');

>  *  默认情况下，服务器对于客户端一无所知，不知道客户端的任何信息。
>  *  在http协议中，请求主体被规定为放置传递到服务器的数据。  
>     那如何告诉服务端有关客户端的信息呢，所以就设计了一个请求头的概念，规定在这里放置一些客户端的信息。
>  *  cookie就是放置在这里，以在每次请求时发送给相关的域。
>  *  请求头可以自定义，那么你就可以根据请求头的相关信息，在服务器端做一些特殊处理。

最后加上代码，再测试一次：

<script type="text/javascript"> var xhr=new XMLHttpRequest(); xhr.open('POST','test.php',true); xhr.onreadystatechange=function(){ if(xhr.readyState==4){ console.log('成功插入'); if(xhr.status==200){ console.log('响应成功'); console.log('回调'); console.log(xhr.responseText); } } } xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); xhr.send("user=xianfeng"); </script>

![这里写图片描述][SouthEast 1]

**成功返回post的结果。**

[SouthEast]: /images/20220713/8b7015bdb650472e939e64c5cc43ee4c.png
[SouthEast 1]: /images/20220713/1b3f8232a7b643fdbb41ef38e8701ae0.png

发表评论取消回复

表情：

评论列表（有 0 条评论，149人围观）

还没有评论，来说两句吧...

相关阅读

相关 PHP 中提示undefined index如何解决

一、相关信息平时用$\_post\[''\]或$\_get\[''\]获取表单中参数时会出现Notice: Undefined index: --------；以及我们

一时失言乱红尘/ 2023年10月08日 22:44/ 0 赞/ 7 阅读

相关 js原生ajax请求：get和post

'get’请求 <script> window.onload=funciton(){ // 创建ajax

末蓝、/ 2023年07月06日 06:12/ 0 赞/ 46 阅读

相关原生JS 解决ajax return返回undefined问题思路

事件原因：在整合前端逻辑的时候，发现很多js都写了ajax的请求，由于都是走的json，所以基本格式几乎是一致的，所以想把所有需要调用ajax请求的js文件同一调用一个封装

待我称王封你为后i/ 2023年06月07日 05:35/ 0 赞/ 5 阅读

相关原生ajax发送POST和GET请求

在写简单几个活动页面时可能不想引入其它文件，这时候发送请求消息给后端，可以自己写原生方法，以下是参考代码： // 原生ajax var ajax =

我就是我/ 2022年10月11日 01:11/ 0 赞/ 279 阅读

相关原生js ajax封装post，get方法

方法一： function ajax(method, url, callback, data, flag) { var xhr; fl

冷不防/ 2022年09月08日 11:49/ 0 赞/ 252 阅读

相关原生ajax POST,解决Undefined index

原生ajax ,POST请求： var xhr=new XMLHttpRequest(); xhr.open('POST','test.php',tr

我会带着你远行/ 2022年07月13日 07:07/ 0 赞/ 150 阅读

相关原生Ajax之GET、POST请求

> ajax可以接收什么信息？ > 答：浏览器可以接收的信息ajax都可以接收，例如字符串、html标签、css样式内容、xml内容、json内容等等。 > http请

淡淡的烟草味﹌/ 2022年06月02日 03:54/ 0 赞/ 587 阅读

相关 Ajax原生GET和POST请求及Jquery Ajax的GET和POST请求

![20190121224107405.png][] Ajax原生GET请求接口： / 原生Ajax GET请求 / function

迈不过友情╰/ 2022年04月23日 00:06/ 0 赞/ 559 阅读

相关原生Ajax post提交

function CreateXmlRequest(){ var xmlHttp=null; if(window.XMLHttpRe

Love The Way You Lie/ 2022年04月16日 03:07/ 0 赞/ 258 阅读

相关 Ajax ajax原生-xhr对象处理post请求

post请求提交的表单数据创建表单数据 var 变量=new FormData(); 给表单

左手的ㄟ右手/ 2021年07月24日 12:09/ 0 赞/ 514 阅读