原生ajax 设置get请求参数和请求头信息和发送 post请求

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.在请求头中设置自己的属性

原生ajax 设置get请求参数和请求头信息和发送 post请求_第1张图片

 需要在服务器的.js中添加一句(开启接受所有类型的头信息)

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

开启之后再用.html发送请求,会发现除了要发送的请求外,还有一个请求跟着发送了,这个请求的请求方式是options,作用是告诉服务器主请求的请求头是安全的,原生ajax 设置get请求参数和请求头信息和发送 post请求_第2张图片

但是服务器还没有设置接收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端口监听中");
})

 弄好之后就可以在主请求中发现这个属性了

原生ajax 设置get请求参数和请求头信息和发送 post请求_第3张图片

设置post请求

 把这两个地方添加或者修改即可发送post请求

原生ajax 设置get请求参数和请求头信息和发送 post请求_第4张图片

    设置post请求的请求体       xhr.send('a:10&b=20');




    
    
    
    Document
    


    



原生ajax 设置get请求参数和请求头信息和发送 post请求_第5张图片

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

你可能感兴趣的:(ajax,java,ajax)