日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

原生ajax 設置get請求參數和請求頭信息和發送 post請求

作者:仰望星空的快樂 更新時間: 2022-05-10 編程語言

get請求發送參數直接在路徑后面加問號即可

? xhr.open('GET','http://127.0.0.1:8000/server?a=100&b=50');

設置請求頭信息

1.請求頭中本來就有這個屬性,只是修改該屬性的值

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

2.在請求頭中設置自己的屬性

?需要在服務器的.js中添加一句(開啟接受所有類型的頭信息)

?response.setHeader('Access-Control-Allow-headers','*');

開啟之后再用.html發送請求,會發現除了要發送的請求外,還有一個請求跟著發送了,這個請求的請求方式是options,作用是告訴服務器主請求的請求頭是安全的,

但是服務器還沒有設置接收optins類型的請求的方法,需要弄一個接收所有類型請求的方法

// 引入express
const express =require('express');
// 2.創建應用對象
const app =express();

// 3.創建路由規劃
// request 是對請求報文的封裝
// response是對響應報文的封裝
// 要在后面輸入server才可訪問http://localhost:8000/server
app.get('/server',(request,response)=>{
    response.setHeader('Access-Control-Allow-Origin','*');
    response.setHeader('Access-Control-Allow-headers','*');
    // 設置響應
    response.send('hello  express');
});
app.all('/server',(request,response)=>{
    response.setHeader('Access-Control-Allow-Origin','*');
    // 接受所有請求的頭信息
    response.setHeader('Access-Control-Allow-headers','*');
    // 設置響應
    response.send('hello  express');
});
app.listen(8000,()=>{
    console.log("服務已經啟動,8000端口監聽中");
})

?弄好之后就可以在主請求中發現這個屬性了

設置post請求

?把這兩個地方添加或者修改即可發送post請求

? ? 設置post請求的請求體? ? ? ?xhr.send('a:10&b=20');




    
    
    
    Document
    


    



https://gitee.com/rjgc1192/ajax/tree/master/day01? ? ? 版本號是0025d44

原文鏈接:https://blog.csdn.net/sharesb/article/details/124206244

欄目分類
最近更新