ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

Ajax学习笔记三

2022-03-21 13:30:56  阅读:144  来源: 互联网

标签:请求 笔记 学习 Ajax 3.2 设置 参数 POST


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');

标签:请求,笔记,学习,Ajax,3.2,设置,参数,POST
来源: https://blog.csdn.net/weixin_44772614/article/details/123553514

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有