Erstellen von Json-Objekt mit Variablen

Question

Ich versuche, ein Json-Objekt aus Variablen, die ich in einem Formular bekomme, zu erstellen.

var firstName = $('#firstName').val(); 
var lastName = $('#lastName').val(); 
var phone  = $('#phoneNumber').val(); 
var address = $('#address').val(); 

Bisher habe ich den Code unten, aber es wird nicht validiert oder funktioniert. Ich bin neu dazu, bitte helfen Sie! ändern var dazu:

var jsonObject = 
       { 
       firstName: firstName, 
       lastName: lastName, 
       phoneNumber:phoneNumber, 
       address:address 
       } 

in JSONlint ich diese Störung erhalte:

Parse error on line 1: varjsonObject={
^ Expecting '{', '['

Answer 1

Wenn Sie in doppelten Anführungszeichen JSON Verwendung JSON.stringify(object)

var $items = $('#firstName, #lastName,#phoneNumber,#address ') 
var obj = {} 
$items.each(function() { 
    obj[this.id] = $(this).val(); 
}) 

var json= JSON.stringify(obj); 

DEMO: http://jsfiddle.net/vANKa/1

Answer 2

Es auf -Objektliteral

Ich bin mir nicht sicher, was Sie Ihre Struktur genannt wollen sein, aber nach dem, was Sie oben haben, wo Sie die Werte in Variablen setzen, versuchen Sie dies.

var formObject = {"formObject": [ 
       {"firstName": firstName, "lastName": lastName}, 
       {"phoneNumber": phone}, 
       {"address": address}, 
       ]} 

Obwohl dies scheint mehr Sinn zu machen (Warum Sie ein Array in der obigen wörtlichen haben Sie?):

var formObject = { 
    firstName: firstName 
    ... 
} 

Answer 3

Sie ein DOM-Element verweisen, wenn so etwas $('#lastName') tun. Das ist ein Element mit id Attribut "lastName". Warum das tun? Sie möchten auf den in einer lokalen Variablen gespeicherten Wert verweisen, der völlig unabhängig ist. Versuchen Sie, diese (ist die Zuordnung zu formObject unter der Annahme, im gleichen Umfang wie die Variablendeklarationen) -

var formObject = { 
    formObject: [ 
     { 
      firstName:firstName, // no need to quote variable names 
      lastName:lastName 
     }, 
     { 
      phoneNumber:phoneNumber, 
      address:address 
     } 
    ] 
}; 

Dies allerdings sehr merkwürdig erscheint: Sie erstellen ein Objekt „formobject“, die ein Mitglied „formobject“ genannt enthält, enthält ein Array von Objekten.

Answer 4

Versuchen Sie dies, um zu sehen, wie Sie ein Objekt aus Strings erstellen können.

var firstName = "xx"; 
var lastName = "xy"; 
var phone  = "xz"; 
var adress = "x1"; 
var obj = {"firstName":firstName, "lastName":lastName, "phone":phone, "address":adress}; 
console.log(obj); 

Answer 5

var formValues = { 
    firstName: $('#firstName').val(), 
    lastName: $('#lastName').val(), 
    phone: $('#phoneNumber').val(), 
    address: $('#address').val() 
}; 

Hinweis dies die Werte der Elemente am Zeitpunkt enthält die Objektliteral wurden interpretiert, nicht, wenn die Eigenschaften des Objekts zugegriffen werden. Dafür müsstest du einen Getter schreiben.