如何更改serializeObject輸出格式？

Question

我對JavaScript很陌生，無法找到解決方案。 我有以下代碼。

<form class="edit-task-form"> 
     <legend>Create Task</legend> 
     <label>Task</label> 
     <input type="text" name="task" /> 
     <hr /> 
     <button type="submit" class="btn">Create</button> 
    </form> 

---

var taskDetails = $(ev.currentTarget).serializeObject(); 
var task = new Task; 
task.save(taskDetails, { 
    success: function(task) { 
     alert(task.toJSON()); 
    } 
}); 
console.log(taskDetails); 

---

$.fn.serializeObject = function() { 
var o = {}; 
var a = this.serializeArray(); 
$.each(a, function() { 
    if(o[this.name] !==undefined) { 
     if(!o[this.name].push) { 
      o[this.name] = [o[this.name]]; 
     } 
     o[this.name].push(this.value || ''); 
    } 
    else { 
     o[this.name] = this.value || ''; 
    } 
}); 
return o; 

---

輸出爲：對象{任務： 「fasdfasd」}

我想它是：對象{ 「任務」 ：「fasdfasd」}

如何讓「任務」出現在引號中？

非常感謝！

大衛

Answer 1

你有這樣的功能：

$.fn.serializeObject = function() { 
var o = {}; 
var a = this.serializeArray(); 
$.each(a, function() { 
    if(o[this.name] !==undefined) { 
     if(!o[this.name].push) { 
      o[this.name] = [o[this.name]]; 
     } 
     o[this.name].push(this.value || ''); 
    } 
    else { 
     o[this.name] = this.value || ''; 
    } 
}); 
return o; 

你需要到c它焊割這樣：

$.fn.serializeObject = function() { 
var o = {}; 
var a = this.serializeArray(); 
$.each(a, function() { 
    if(o['"'+this.name+'"'] !==undefined) { 
     if(!o['"'+this.name+'"'].push) { 
      o['"'+this.name+'"'] = [o[this.name]]; 
     } 
     o['"'+this.name+'"'].push(this.value || ''); 
    } 
    else { 
     o['"'+this.name+'"'] = this.value || ''; 
    } 
}); 
return o; 

只需添加到關鍵引號

Answer 2

一個解決方案：

$.fn.serializeObject = function() { 
var o = {}; 
var a = this.serializeArray(); 
$.each(a, function() { 
    if(o[this.name] !==undefined) { 
     if(!o[this.name].push) { 
      o[this.name] = ['"' + o[this.name] + '"' ]; //<--------- 
     } 
     o[this.name].push(this.value || ''); 
    } 
    else { 
     o[this.name] = this.value || ''; 
    } 
}); 
return o; 
} 

$.fn.serializeObject = function() { 
 
var o = {}; 
 
var a = this.serializeArray(); 
 
$.each(a, function() { 
 
    if(o[this.name] !==undefined) { 
 
     if(!o[this.name].push) { 
 
      o[this.name] = ['"' + o[this.name] + '"' ]; //<--------- 
 
     } 
 
     o[this.name].push(this.value || ''); 
 
    } 
 
    else { 
 
     o[this.name] = this.value || ''; 
 
    } 
 
}); 
 
return o; 
 
} 
 
var val = $('.edit-task-form').serializeObject(); 
 
document.write('<pre>'+ JSON.stringify(val , null , ' ') + '</pre>') 
 
$('form').submit(function(evt){ 
 
    evt.preventDefault(); 
 
document.write('<pre>'+ JSON.stringify($(this).serializeArray() , null , ' ') + '</pre>') 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form class="edit-task-form"> 
 
     <legend>Create Task</legend> 
 
     <label>Task</label> 
 
     <input type="text" name="task" /> 
 
     <hr /> 
 
     <button type="submit" class="btn">Create</button> 
 
    </form>