我有一個帶有用戶輸入的表單，并以 JSON 格式序列化資料。我想要的是，對于指定鍵的每個值，我想在用戶填寫輸入時添加一個前綴，例如如果用戶引入 123，則最終輸出應該是http://123，但僅針對一個輸入欄位，而不是針對每個輸入我的表單中的欄位。
這是我的代碼，一切正常，直到我執行控制臺日志：
function convertFormToJSON(form) {
var array = jQuery(form).serializeArray();
var json = {};
jQuery.each(array, function() {
json[this.name] = this.value || '';
});
return json;
}
console.log(convertFormToJSON(document.getElementById("myform")));
var blah=convertFormToJSON(document.getElementById("myform")));
function addStringToValueInJSON(json, key, string) {
for (var i = 0; i < json.length; i ) {
json[i][key] = json[i][key] string;
}
return json1;
}
function add() {
addStringToValueInJSON(blah, "test", "!");
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form id="myform">
<input type="text" id="test" name="test" value="2">
</form>uj5u.com熱心網友回復：
香草JS解決方案
const JSON = {}
const formData = new FormData(document.getElementById('myform'))
for (let [key, value] of formData.entries()) {
key = '_' // added as edit to answer at comment
JSON[key] = `http://${value}`
}
console.log(JSON)<form id="myform">
<input type="text" id="test" name="test" value="2">
</form>倍數版本：
const JSON = {}
const formData = new FormData(document.getElementById('myform'))
for (let [key, value] of formData.entries()) {
key = '_' // added as edit to answer at comment
const vals = value.split(',')
const finalValsArray = vals.map(val => `http://${val}`)
JSON[key] = finalValsArray.toString()
}
console.log(JSON)<form id="myform">
<input type="text" id="test" name="test" value="2,3,5">
</form>轉載請註明出處，本文鏈接：https://www.uj5u.com/net/452251.html
標籤：javascript jQuery json 形式 序列化