Get parameters in URL

Encapsulate a method
We know it well url The parameters in are displayed in this form
?id=123&name=tom&age=13…
The first one is ： Basic usage Split with string

 therefore . Come on, show it 
function getParams(key) {
	var result = {} //  Define a global object 
	var str = window.location.search;
	if(str.startsWith('?')) { //  Judge str With ？ At the beginning 
		var strParams  = str.split('?')[1];
		var arrParams = strParams.split('&');
		// Then proceed for loop , It's directly used here forEach
		arrParams.forEach((item) => {
			var temKey = item.split('=')[0];
			var temVal = item.split('=')[1];
			result[temKey] = temVal
		})
	}
	return result[key]
}
 perhaps 
getUrlParameter: function(field) {
    // obtain Url  Parameters      
    var GET = {};
    var canshu=window.location.hash.split("?")[1]==undefined?'':window.location.hash.split("?")[1];
    if(canshu!=''){
      var strarr = canshu.split("&");
      for(i=0;i<strarr.length;i++){
        var xx = strarr[i];
        var mykey = xx.split('=')[0];
        var myvalue = xx.split('=')[1];
        GET[mykey] = myvalue;
      }
    }
    return GET[field];
  }

The second kind ：URLSearchParams
The method is JS Built in objects for , Can be mapped out search Query criteria
Use get Method , You can get the specified parameters

function get ParamsNew(key) {
	var temData = new URLSearchParams(window.location.search);
	return temData.get(key)
}

end
expand
When we make data changes , Suppose we want to get ID To show

var id = getParamsNew('id');
if(id){
	//  Yes id The data must be loaded when 
	loadData(); //  Fill in the form with the data to be modified 
};
//  Method 
function loadData() {
	var strPeople = localStorage.getItem('myStudent'); //  We from localStorage The value of 
	var people = [];
	if(strPerple) {
		people= JSON.parse(strPeople);
	}
	//  If the arrow function has only one line , Don't write return
	//  We use... In the array find Method , Find the data of the review condition 
	var person = people.find((item) =>{
		item.id == id //  Find items that match the criteria 
	})
	//  Perform assignment operation 
	XXname.value = person.name;
	XXage.value = person.age;
	.....//  So the assignment is successful 
}

In this way, you can edit and display , However, you should pay attention to whether it is a combination of addition and modification , If you are in a piece, you need to add judgment conditions when saving
You can read this article https://blog.csdn.net/lzfengquan/article/details/118605300?spm=1001.2014.3001.5501