網(wǎng)站首頁(yè) 編程語(yǔ)言 正文
原生ajax 設(shè)置get請(qǐng)求參數(shù)和請(qǐng)求頭信息和發(fā)送 post請(qǐng)求
作者:仰望星空的快樂(lè) 更新時(shí)間: 2022-05-10 編程語(yǔ)言get請(qǐng)求發(fā)送參數(shù)直接在路徑后面加問(wèn)號(hào)即可
? xhr.open('GET','http://127.0.0.1:8000/server?a=100&b=50');
設(shè)置請(qǐng)求頭信息
1.請(qǐng)求頭中本來(lái)就有這個(gè)屬性,只是修改該屬性的值
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
2.在請(qǐng)求頭中設(shè)置自己的屬性
?需要在服務(wù)器的.js中添加一句(開(kāi)啟接受所有類型的頭信息)
?response.setHeader('Access-Control-Allow-headers','*');
開(kāi)啟之后再用.html發(fā)送請(qǐng)求,會(huì)發(fā)現(xiàn)除了要發(fā)送的請(qǐng)求外,還有一個(gè)請(qǐng)求跟著發(fā)送了,這個(gè)請(qǐng)求的請(qǐng)求方式是options,作用是告訴服務(wù)器主請(qǐng)求的請(qǐng)求頭是安全的,
但是服務(wù)器還沒(méi)有設(shè)置接收optins類型的請(qǐng)求的方法,需要弄一個(gè)接收所有類型請(qǐng)求的方法
// 引入express
const express =require('express');
// 2.創(chuàng)建應(yīng)用對(duì)象
const app =express();
// 3.創(chuàng)建路由規(guī)劃
// request 是對(duì)請(qǐng)求報(bào)文的封裝
// response是對(duì)響應(yīng)報(bào)文的封裝
// 要在后面輸入server才可訪問(wèn)http://localhost:8000/server
app.get('/server',(request,response)=>{
response.setHeader('Access-Control-Allow-Origin','*');
response.setHeader('Access-Control-Allow-headers','*');
// 設(shè)置響應(yīng)
response.send('hello express');
});
app.all('/server',(request,response)=>{
response.setHeader('Access-Control-Allow-Origin','*');
// 接受所有請(qǐng)求的頭信息
response.setHeader('Access-Control-Allow-headers','*');
// 設(shè)置響應(yīng)
response.send('hello express');
});
app.listen(8000,()=>{
console.log("服務(wù)已經(jīng)啟動(dòng),8000端口監(jiān)聽(tīng)中");
})
?弄好之后就可以在主請(qǐng)求中發(fā)現(xiàn)這個(gè)屬性了
設(shè)置post請(qǐng)求
?把這兩個(gè)地方添加或者修改即可發(fā)送post請(qǐng)求
? ? 設(shè)置post請(qǐng)求的請(qǐng)求體? ? ? ?xhr.send('a:10&b=20');
Document
https://gitee.com/rjgc1192/ajax/tree/master/day01? ? ? 版本號(hào)是0025d44
原文鏈接:https://blog.csdn.net/sharesb/article/details/124206244
相關(guān)推薦
- 2022-12-24 React重新渲染超詳細(xì)講解_React
- 2022-06-01 C++的matlab接口轉(zhuǎn)換方法詳解_C 語(yǔ)言
- 2022-12-24 Kotlin?Channel處理多個(gè)數(shù)據(jù)組合的流_Android
- 2022-08-05 記一次使用EasyExcel出現(xiàn)Convert excel format exception.You
- 2022-05-17 ubuntu如何給 GoLand 設(shè)置桌面快捷圖標(biāo)
- 2023-01-28 詳解如何利用C#實(shí)現(xiàn)漢字轉(zhuǎn)拼音功能_C#教程
- 2022-11-14 Asp.net?Core項(xiàng)目配置HTTPS支持_實(shí)用技巧
- 2022-10-08 PostgreSQL12.5中分區(qū)表的一些操作實(shí)例_PostgreSQL
- 最近更新
-
- window11 系統(tǒng)安裝 yarn
- 超詳細(xì)win安裝深度學(xué)習(xí)環(huán)境2025年最新版(
- Linux 中運(yùn)行的top命令 怎么退出?
- MySQL 中decimal 的用法? 存儲(chǔ)小
- get 、set 、toString 方法的使
- @Resource和 @Autowired注解
- Java基礎(chǔ)操作-- 運(yùn)算符,流程控制 Flo
- 1. Int 和Integer 的區(qū)別,Jav
- spring @retryable不生效的一種
- Spring Security之認(rèn)證信息的處理
- Spring Security之認(rèn)證過(guò)濾器
- Spring Security概述快速入門
- Spring Security之配置體系
- 【SpringBoot】SpringCache
- Spring Security之基于方法配置權(quán)
- redisson分布式鎖中waittime的設(shè)
- maven:解決release錯(cuò)誤:Artif
- restTemplate使用總結(jié)
- Spring Security之安全異常處理
- MybatisPlus優(yōu)雅實(shí)現(xiàn)加密?
- Spring ioc容器與Bean的生命周期。
- 【探索SpringCloud】服務(wù)發(fā)現(xiàn)-Nac
- Spring Security之基于HttpR
- Redis 底層數(shù)據(jù)結(jié)構(gòu)-簡(jiǎn)單動(dòng)態(tài)字符串(SD
- arthas操作spring被代理目標(biāo)對(duì)象命令
- Spring中的單例模式應(yīng)用詳解
- 聊聊消息隊(duì)列,發(fā)送消息的4種方式
- bootspring第三方資源配置管理
- GIT同步修改后的遠(yuǎn)程分支