0
点赞
收藏
分享

微信扫一扫

Ajax学习笔记三

code_balance 2022-03-21 阅读 24
前端ajax

Ajax学习笔记三

3.1 Ajax设置请求参数

一般我们在url添加参数,示例:
在这里插入图片描述
现在我们检查参数是否传递过去了,打开开发人员选项,查看参数。
在这里插入图片描述

3.2 Ajax的POST请求

3.2.1 发送前的准备

这里我们依旧采用之前的前端的示例,实现效果是当我们把鼠标放置在那个div上面的时候,就会向服务端发送请求。然后结果回来以后,把响应体结果在div中呈现。
在这里插入图片描述
主要的区别是前端你设置发送请求的类型为 post,服务器你响应体的接受类型也要为***post***,如下示例:
前端——

  xhr.open('POST','http://127.0.0.1:8000/server');

服务端——

app.post('/server',(request,response)=>{
    // 设置响应头   设置允许跨域
    response.setHeader('Access-Control-Allow-Origin','*');
    //设置响应
    response.send('Hello Ajax! Post');
});

最终的实现效果图:
在这里插入图片描述
查询一下发送状况
在这里插入图片描述

3.2.2 POST请求设置请求体

设置参数
①在***send()*** 方法中设置请求参数

xhr.send('a=100&b=200&c=300');

又或者

 xhr.send('a:100&b:200&c:300');

3.2.3 POST请求设置请求头信息

格式:

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

相关推荐

0 条评论