前言

• JQuery 3.5.1 （僅表示下面的代碼使用這個版本測試過）

什么是 QueryString

包含 query string 的URL看起來像這樣:

http://server/path/program?query_string

將 Json Object 序列化成 QueryString

比如 Json Object 為：

var paramObj = {name: "張",ageMin:18,ageMax:60, };

將上面的 Json Object 序列化成 QueryString ：

name=張&ageMin=18&ageMax=60

代碼是這樣的：

var paramObj = {name: "張",ageMin:18,ageMax:60, }; var paramStr = $.param(paramObj); console.log(paramStr);

輸出：

name=%E5%BC%A0&ageMin=18&ageMax=60

• 說明：漢字被 URL 編碼了。

包含數組

直接看代碼：

var paramObj = {name: "張",ageMin:18,ageMax:60,deptIds: [1001, 2033, 9877], }; var paramStr = $.param(paramObj); console.log(paramStr);

輸出：

name=%E5%BC%A0&ageMin=18&ageMax=60&deptIds%5B%5D=1001&deptIds%5B%5D=2033&deptIds%5B%5D=9877

• 翻譯過來是這樣的：name=張&ageMin=18&ageMax=60&deptIds[]=1001&deptIds[]=2033&deptIds[]=9877
• 不喜歡帶[]的，可以自己寫個序列化方法

參考

https://www.cnblogs.com/awpatp/archive/2010/03/01/1676046.html
https://www.w3school.com.cn/jquery/ajax_param.asp

總結

以上是生活随笔為你收集整理的【JQuery】将Json Object序列化成URL的QueryString的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。