原生JS實(shí)現(xiàn)$.param() 函數(shù)的方法
更新時(shí)間：2018年08月10日 10:53:42 作者：Cheny0815
這篇文章主要介紹了原生JS實(shí)現(xiàn)$.param() 函數(shù)的方法，由于遇到相關(guān)序列化的問(wèn)題，但是vue項(xiàng)目中由于減少隊(duì)jquery引用的限制，導(dǎo)致不能用$.param來(lái)序列化參數(shù)，下面小編給大家分享了實(shí)例代碼，需要的朋友參考下吧
由于遇到相關(guān)序列化的問(wèn)題，但是vue項(xiàng)目中由于減少隊(duì)jquery引用的限制，導(dǎo)致不能用$.param來(lái)序列化參數(shù)，所以寫(xiě)了如下方法用來(lái)解決相關(guān)問(wèn)題，但由于考慮不全，可能存在判斷不全或者代碼冗余等情況，希望多提意見(jiàn)，多多改善
var personObj = {
name:'cheny0815',
age:24,
c:[{
id:1,
name:2
},{
id:2,
name:3
}],
other:{
a:1,
b:{
c:2,
d:{
a:1,
b:{
e:1,
f:2
}
}
}
},
}
var nextStr = '';
function changeDataType(obj){
let str = ''
if(typeof obj == 'object'){
for(let i in obj){
if(typeof obj[i] != 'function' && typeof obj[i] != 'object'){
str += i + '=' + obj[i] + '&' ;
}else if (typeof obj[i] == 'object'){
nextStr = '';
str += changeSonType(i, obj[i])
}
}
}
return str.replace(/&$/g, '');
}
function changeSonType(objName, objValue){
if(typeof objValue == 'object'){
for(let i in objValue){
if(typeof objValue[i] != 'object'){
let value = objName + '[' + i + ']=' + objValue[i];
nextStr += encodeURI(value) + '&';
}else{
changeSonType(objName + '[' + i + ']', objValue[i]);
}
}
}
return nextStr;
}
var resultParam = $.param(personObj);
var resultMyself = changeDataType(personObj);
document.write('resultMyself===>' + resultMyself + '<br><hr>')
document.write('resultParam ===>' + resultParam + '<br><hr>')
document.write('resultMyself === resultParam ===>' + (resultMyself === resultParam))
結(jié)果如下：
總結(jié)
以上所述是小編給大家介紹的原生JS實(shí)現(xiàn)$.param() 函數(shù)，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
js實(shí)現(xiàn)的真正的iframe高度自適應(yīng)(兼容IE,FF,Opera)
由于項(xiàng)目上的需要，要用一個(gè)iframe高度自適應(yīng)的功能，在google上搜了很久，找了一些修改了下。大家可以測(cè)試下。2010-03-03
JS實(shí)現(xiàn)網(wǎng)頁(yè)搶購(gòu)功能（觸發(fā)，終止腳本）
小編通過(guò)一個(gè)網(wǎng)頁(yè)式的搶購(gòu)功能的實(shí)現(xiàn)給大家講解一下JS如何觸發(fā)和終止腳本來(lái)完成這個(gè)任務(wù)。2017-11-11
這篇文章主要介紹了如何使用gpu.js改善JavaScript的性能，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下2020-12-12
原生Javascript實(shí)現(xiàn)繼承方式及其優(yōu)缺點(diǎn)詳解
JS作為面向?qū)ο蟮娜躅愋驼Z(yǔ)言,繼承也是其非常強(qiáng)大的特性之一,那么這篇文章主要給大家介紹了關(guān)于原生Javascript實(shí)現(xiàn)繼承方式及其優(yōu)缺點(diǎn)的相關(guān)資料,需要的朋友可以參考下2021-07-07
JS控件ASP.NET的treeview控件全選或者取消(示例代碼)
本篇文章主要是對(duì)JS控件ASP.NET的treeview控件全選或者取消的示例代碼進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12
JS將時(shí)間秒轉(zhuǎn)換成天小時(shí)分鐘秒的字符串
最近小編接到這樣的項(xiàng)目需求，接口返回的數(shù)據(jù)中時(shí)間單位為秒，但前端顯示的時(shí)候需要更人性化的帶有單位（天，小時(shí)，分鐘，秒）的字符串；下面小編給大家?guī)?lái)實(shí)例代碼，感興趣的朋友跟隨小編一起看看吧2019-07-07
javascript常見(jiàn)數(shù)字進(jìn)制轉(zhuǎn)換實(shí)例分析
這篇文章主要介紹了javascript常見(jiàn)數(shù)字進(jìn)制轉(zhuǎn)換,結(jié)合實(shí)例形式分析了JavaScript十進(jìn)制,十六進(jìn)制及二進(jìn)制的相互轉(zhuǎn)換原理與技巧,需要的朋友可以參考下2016-04-04
Google (Local) Search API的簡(jiǎn)單使用介紹
這篇文章主要介紹了Google (Local) Search API的簡(jiǎn)單使用。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-11-11
這篇文章主要介紹了Javascript操作select控件代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-02-02
解決LayUI數(shù)據(jù)表格復(fù)選框不居中顯示的問(wèn)題
今天小編就為大家分享一篇解決LayUI數(shù)據(jù)表格復(fù)選框不居中顯示的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09