**一、URL查询字符串方式**
这是最常见的从服务器接收参数的方式之一，在GET请求时尤其常见。当我们在浏览器地址栏输入带有“？”与“&”分隔参数的网址或者发送一个get类型的Ajax请求时，后台会以这种形式向前端传输数据：
例如：`http://example.com/?name=John Doe&id=12345`
我们可以借助于JavaScript内置对象Location或window.location.href属性以及split(), indexOf()等方法进行提取:
javascript
var urlParams = new URLSearchParams(window.location.search);
console.log(urlParams.get('name')); // 输出 "John Doe"
console.log(urlParams.get('id')); // 输出 "12345"
// 或者手动实现：
function getParameterByName(name) {
name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
results = regex.exec(location.search);
return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}
console.log(getParameterByName("name"));
**二、POST body内容（JSON格式）**
对于非Get请求如Post/Put/Delete等，通常会在Request Body内携带复杂类型的数据，常见的编码格式是JSON。Node.js环境下的Express框架或者其他服务端技术可以很方便地把json对象设置为response的内容体。
假设我们收到如下JSON格式的数据包：
json
{
"username": "Jane Smith",
"age" : 30,
"city" ： "New York"
}
针对异步AJAX POST请求，我们可以采用XMLHttpRequest或者是Fetch API去捕获并解码这个body部分的信息：
javascript
fetch('/api/user', {method: 'POST'})
.then(response => response.json())
.then(data => console.log(data.username));
// 使用jQuery.ajax:
$.ajax({
type: "POST",
dataType: "json",
success: function(res){
console.log(res.username);
},
});
// XMLHttpRequest版本:
let xhr = new XMLHttpRequest();
xhr.open('POST', '/api/user');
xhr.onload = () => JSON.parse(xhr.responseText).then((data)=>{console.log(data.username)});
xhr.send();
以上两种主要场景展示了 JavaScript 如何根据不同情况从前台获取由后台传递过来的各种参数。理解了这两种机制之后，开发者可以根据项目需求灵活运用到具体业务逻辑当中。