serialize/unserialize in jQuery

Warum, ja: jQuery serialize. Zu unserialize, müssten Sie den code einer Funktion selbst, esentially aufteilen der Zeichenfolge &'s und dann die ='s.

InformationsquelleAutor 10goto10

Ich persönlich mag Chris' unserialize-Funktion für die Handhabung von jQuery serialisiert Saiten, jedoch vergessen Sie nicht auch urldecode() auf der server-Seite Daten wie z.B. 'E-Mail' => 'me%40domain.com' kommen in, wenn Sie die Funktion nutzen, wie Sie ist.

Aktualisiert:

function _unserializeJQuery($rubble = NULL) {
    $bricks = explode('&', $rubble);

    foreach ($bricks as $key => $value) {
        $walls = preg_split('/=/', $value);
        $built[urldecode($walls[0])] = urldecode($walls[1]);
    }

    return $built;
}

InformationsquelleAutor

Befolgen Sie die variable "formdata" und schauen Sie auf die Unterstützung von code, um zu sehen, wie ich diese Arbeit in eine wordpress-Umgebung.

Ich bin mit diesem auf der client-Seite (js):

//bind button, setup and call .ajax
jQuery('#submitbutton').click(function() {
    jQuery('#response_area').html('');

    //put all name-values from form  into one long string
    var serializedformdata = jQuery('#submitform').serialize();

    //configure array of options for the ajax call (can use a different action for each form)
    options = {
        type: 'POST',   
        url: sv_submitform_global_js_vars.ajaxurl,
        datatype: 'json',
        data: { 
            clienttime: getnow(),       
            sv_submit_form_check: jQuery('#sv_submit_form_check').val(),
            //this data:action:'value' is specifically required by the wordpress wp_ajax_<value> action hook to process the received data on the php/server side
            action: 'sv_submitform_hook',   
            formdata: serializedformdata,
            },
        beforeSend: beforesendfunc,
        //process returned json formatted data in function named below
        success: successfunc,  
    }
    //execute the ajax call to server (sending data)
    jQuery.ajax(options); 
}); 

... und das auf der server-Seite (PHP), um die Daten wieder raus und in ein schönes assoziatives array für server-side-Datenbank arbeiten.

/////////////////////////////////////
// ajax serverside data handler  ///
/////////////////////////////////////

//Add AJAX actions for submit form 
//Serves logged in users
add_action( 'wp_ajax_sv_submitform_hook', 'sv_submitform_handler' );
//Serves non-logged in users
add_action( 'wp_ajax_nopriv_sv_submitform_hook', 'sv_submitform_handler' );


//this is the function that processes the input from the submit form
function sv_submitform_handler(){
    date_default_timezone_set('EST');
    $servertime = date('h:i:s a').' Server Time';   

    //fda = form data array can be used anywhere after the next statement. 
    //example: if ($fda['formfieldbyname'] == 'something'){...};
    parse_str($_POST['formdata'],$fda);  

    //this is how the nonce value is read  
    //form side is wp_nonce_field('sv_submitform','sv_submitform_check');
    if (!check_ajax_referer('sv_submitform', 'sv_submitform_check', false )){
            $data = $servertime . ' (Security Failed)';
        } else {
            $data = $servertime . ' (Security Passed)';
        };
    $returndata = array('data' => $data);

    exit(json_encode($returndata));
};

Und für die WordPress-Programmierer da draußen, es dauerte eine Weile, um zu realisieren, dass die wp_ajax_ Haken hatte, in der entweder ein plugin oder mein Kind Themas functions.php. Es wird nicht funktionieren, in einer normalen Seite Vorlage!

InformationsquelleAutor Ron

Ich hatte das gleiche problem vor kurzem, war ich mit jQuery .serializeArray() an post-Formular Daten für die Validierung via AJAX-call. Auf der server-Seite, die ich brauchte, um split dieses Objekt nach unten in ein assoziatives array, das würde replizieren der ursprünglichen $_POST-Daten-Struktur, also schrieb ich diese kleine Funktion:

Funktion unserializeMe($obj) { 
$Daten = array(); 
foreach($obj as $arr) { 
$Daten[$arr['name']] = $arr['Wert']; 
} 
return $Daten; 
} 

Dann alles, was Sie tun müssen, ist, werfen Sie die Eingabe-Objekt auf ein array-Typ vor der übergabe in die funciton nennen:

$objData = (array) $_POST['Daten']; 
$Daten = unserializeMe($objData); 

InformationsquelleAutor Chris

Schrieb ich auch eine Funktion zum analysieren der jQuery .serialize() Funktion:

function createArray($Schotter) { 
$Ziegel = explode('&', $Schotter); 

foreach($Steine $key => $Wert) { 
$Mauern = preg_split('/=/', $Wert); 
$gebaut[$Mauern[0]] = $Mauern[1]; 
} 

return $built; 
} 

InformationsquelleAutor Chris