Come accedere ai valori creati da serializeArray in JQuery?

Question

Ho questo HTML:

<form id='myform'> 
<input name='title' value='foo'/> 
</form> 

E creo una matrice di oggetti da essa come questo:

var dataArray = $("#myform").serializeArray(); 

Ora come faccio ad accedere alla 'title' in dataArray? Questo non funziona:

alert(dataArray['title']); 
alert(dataArray['title'].val()); 

Answer 1

Simile a quello che Nick ha scritto, ma un po 'più pulito

var dataArray = $("#myform").serializeArray(), 
    dataObj = {}; 

$(dataArray).each(function(i, field){ 
    dataObj[field.name] = field.value; 
}); 

quindi accedere allo stesso modo

alert(dataObj['title']); 

Answer 2

alert(dataArray[0].name); 
alert(dataArray[0].value); 

Quindi:

for (i=0; i<dataArray.length; i += 1) { 
    if (dataArray[i].name === "title") { 
     // do something here... 
    } 
} 

Answer 3

Run console.log(dataArray);, quindi aprire la finestra di ispezione Proprietà, e controllare la console. In Chrome, fai clic con il pulsante destro del mouse e seleziona "Ispeziona elemento", quindi fai clic sull'icona "> =" in basso a sinistra, è la seconda da sinistra.

In Firefox si sarebbe installato Firebug e c'è una scheda denominata "Console"

Non sono sicuro se è disponibile in IE, probabilmente qualcosa negli strumenti di sviluppo (premere F12), ma io non lo consiglio in via di sviluppo in IE.

In ogni caso questo elencherà l'oggetto in un modo che consente di navigare e visualizzare i valori di ciascun elemento. In questo modo è possibile utilizzare questo per decifrare come accedere ai valori :)

Buona fortuna

Answer 4

È possibile scorrere, as @Tom has ... o se si sta accedendo più di uno, essere un po 'più efficiente e loop di una volta, la creazione di un oggetto come questo:

var dataArray = $("#myform").serializeArray(), 
    len = dataArray.length, 
    dataObj = {}; 

for (i=0; i<len; i++) { 
    dataObj[dataArray[i].name] = dataArray[i].value; 
} 

Quindi è possibile accedervi come vuoi tu, per esempio:

alert(dataObj['title']); //or alert(dataObj.title); 

You can test it out here .

Answer 5

accodamento/eco/stampa dataArray[0].name ad un div vi darà 'titolo'

Answer 6

Avviso di serializeArray degli input in myDiv (nota: il selettore :input includerà anche i tag select e textarea!):

//alert(fData.length) // how many inputs got picked up 
var fData=$("#myDiv :input").serializeArray(); 
var msg=""; 
for(var i=0;i<fData.length;i++){ 
    var raKy=Object.keys(fData[i]); 
    msg+="\n"+raKy[0]+":"+eval("fData[i]."+raKy[0])+" "+raKy[1]+":"+eval("fData[i]."+raKy[1]); 
} 
alert(msg); 

Answer 7

Aggiungendo questo comunque per aiutare gli altri in futuro. Buon modo per ispezionare rapidamente tutti i valori.

var formdata = $("#myform").serializeArray(); 
var formdata = JSON.stringify(formdata); 
alert (formdata);