JS获取url参数,JS发送json格式的POST请求方法

JS获取url参数：

在JavaScript中获取url参数可以使用location对象的search属性或URLSearchParams API。

使用search属性：

// 获取url参数
const urlParams = new URLSearchParams(window.location.search);

// 获取具体参数
const id = urlParams.get('id');
const name = urlParams.get('name');

使用URLSearchParams API：

// 获取url参数
const urlParams = new URLSearchParams('id=123&name=abc');

// 获取具体参数
const id = urlParams.get('id');
const name = urlParams.get('name');

JS发送json格式的POST请求方法：

使用XMLHttpRequest对象可以发送POST请求。发送JSON数据需要设置请求头的Content-Type为application/json，并使用JSON.stringify将JSON对象转换为字符串。

// 定义JSON数据
const data = { id: 123, name: 'abc' };

// 创建xhr对象
const xhr = new XMLHttpRequest();

// 设置POST请求
xhr.open('POST', '/api/submit', true);

// 设置请求头
xhr.setRequestHeader('Content-Type', 'application/json');

// 发送请求
xhr.send(JSON.stringify(data));

使用fetch API也可以发送JSON数据，需要设置请求头的Content-Type为application/json，并使用JSON.stringify将JSON对象转换为字符串。

// 定义JSON数据
const data = { id: 123, name: 'abc' };

// 发送请求
fetch('/api/submit', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify(data)
});

以上两个例子分别使用XMLHttpRequest和fetch API发送POST请求，发送JSON数据需要设置请求头的Content-Type为application/json，并使用JSON.stringify将JSON对象转换为字符串。