js笔试题-接收get请求参数

要接收URL中的GET请求参数，在JavaScript中，我们可以使用以下几个步骤：

步骤一：解析URL

首先，我们需要解析当前页面上的URL。可以通过window.location.search属性获取查询字符串。查询字符串是指URL中所有从“？”开始的部分，包括问号。例如，对于http://www.example.com/myapp?id=100&name=John，查询字符串为?id=100&name=John

步骤二：解析GET请求参数

查询字符串可以被解析为以下格式：参数名=值。我们需要将字符串分解为键值对的集合，以便于后续访问。可以使用JavaScript内置的split()方法将字符串分割成数组，然后使用循环和字符串操作来提取参数名和值构成的键值对。

示例代码如下：

function getQueryStringArgs() {
  // get the query string without the initial '?'
  var qs = (window.location.search.length > 0 ? window.location.search.substring(1) : "");

  // object to hold data
  var args = {};

  // iterate over each item
  for (var i = 0; i < qs.length; i++) {
    // split the item into key/value pairs
    var pairs = qs[i].split('&');

    // iterate over each pair
    for (var j = 0; j < pairs.length; j++) {
      // split the pair into a key and a value
      var pair = pairs[j].split('=');

      // decode the value and store it as a property of the object
      args[decodeURIComponent(pair[0])] = decodeURIComponent(pair[1]);
    }
  }

  return args;
}

//Example:
//http://www.example.com/myapp?id=100&name=John
console.log(getQueryStringArgs()["id"]); //输出100
console.log(getQueryStringArgs()["name"]); //输出John

步骤三：使用获取到的GET请求参数

接收到GET参数之后，我们就可以使用它们的值来操作页面或与服务器交互了。例如：

function getProduct(id) {
  // make an AJAX request to the server to retrieve the product details
  // using the provided ID
}

//Example:
//http://www.example.com/myapp?id=100
var id = getQueryStringArgs()["id"];
getProduct(id);

通过上述三个步骤，我们就可以轻松地接收GET参数并在JavaScript中使用它们了。