原生JS實現$.param() 函數的方法
更新時間：2018年08月10日 10:53:42 作者：Cheny0815
這篇文章主要介紹了原生JS實現$.param() 函數的方法，由于遇到相關序列化的問題，但是vue項目中由于減少隊jquery引用的限制，導致不能用$.param來序列化參數，下面小編給大家分享了實例代碼，需要的朋友參考下吧
由于遇到相關序列化的問題，但是vue項目中由于減少隊jquery引用的限制，導致不能用$.param來序列化參數，所以寫了如下方法用來解決相關問題，但由于考慮不全，可能存在判斷不全或者代碼冗余等情況，希望多提意見，多多改善
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))
結果如下：
總結
以上所述是小編給大家介紹的原生JS實現$.param() 函數，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！
相關文章
input標簽的輸入值通過js進行獲取，部分標簽和類是封裝在框架內的，其效果和html標簽差不多，具體實現如下，感興趣的朋友可以參考下，希望對大家有所幫助2013-08-08
下面小編就為大家?guī)硪黄狫S公共小方法之判斷對象是否為domElement的實例。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
今天做網站的時候需要用上JS輪播圖代碼,而且還要求是原生的JS代碼,下面這篇文章主要給大家介紹了關于Html+CSS+JS輪播圖實現的相關資料,文中介紹的方法包括手動輪播和自動輪播,需要的朋友可以參考下2023-06-06
通過分析各類瀏覽器的userAgent信息，不難得出分辨各類瀏覽器及其版本的正則表達式。而且，對瀏覽器類型的判斷和版本的判斷完全可以合為一體地進行。2014-05-05
這篇文章主要介紹了刷新頁面后讓控制臺的js代碼繼續(xù)執(zhí)行，本文給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-09-09
javascript使用for循環(huán)批量注冊的事件不能正確獲取索引值的解決方法
這篇文章主要介紹了javascript使用for循環(huán)批量注冊的事件不能正確獲取索引值的解決方法,對比分析了出現問題的代碼與修改后的代碼,并給出了采用閉包實現的方法,具有一定的參考借鑒價值,需要的朋友可以參考下2014-12-12
Javascript函數在定義它們的作用域里運行，而不是在執(zhí)行它們的作用域里運行。2010-11-11
本文主要介紹了JS模擬百度搜索框和選項卡的實現，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-03-03
淺談JavaScript事件綁定的常用方法及其優(yōu)缺點分析
下面小編就為大家?guī)硪黄獪\談JavaScript事件綁定的常用方法及其優(yōu)缺點分析。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
本文主要介紹了canvas實現流星雨的背景效果的示例代碼。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01