标签:请求 笔记 学习 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. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。