[jquery][asp.net mvc]快速以javascript實做以網址傳送參數(http get),以及接收參數(支援中文)

  • 290
  • 0

[jquery][asp.net mvc]快速以javascript實做以網址傳送參數(http get),以及接收參數(支援中文)

傳送參數的部分的程式碼,這邊是在cshtml的view的裡面使用href搭配要傳送的httpget的參數,注意的地方是,中文的姓名的部分,要先用HttpUtility編碼過,才不會接收端變成亂碼:以下是傳送參數的部分

@{
	string myUserName = HttpUtility.UrlEncode("中文的測試姓名");
}
<a href="~/Account/Login?UserId=@myUserId&&UserName=@myUserName" class="btn btn-name fw-bold  text-nowrap"  style="width: 20%;"><span>@myUserName</span> </a>


而在接收參數的部分,則是使用javascript,要注意的地方是,接收中文參數的部分,也要用decodeURI做解碼,才不會中文參數變成亂碼喔:

$(document).ready(function () {
	//接收傳來的參數
	let searchParams = new URLSearchParams(window.location.search)
	let userId = searchParams.get('UserId');	
	let userName = decodeURI(searchParams.get('UserName'));
	
});


這篇大概是這樣…


參考資料:
工作經驗