Question

tengo este pedazo de código en el código PHP:

while ($row = mysqli_fetch_assoc($result)) 
{ 
    extract($row); 
    echo "<tr>"; 
    echo "<td bgcolor='#FFFFFF'><input id='bookArray[]' name='bookArray[]' type='checkbox' value='$book_id' />$book_id</td>"; 
    echo "<td bgcolor='#FFFFFF'>$threat_name</td>"; 
    echo "</tr>"; 
} 

En la página HTML, Quiero usar jQuery serializar() para envió un conjunto de libros seleccionados en bookArray []. En mi JavaScript,

var selectedbooks = $("book_form").serialize(); 
alert (selectedbooks); 

En el cuadro de mensaje de alerta, no obtuve ningún valor (cadena vacía).

Anteriormente cuando estoy usando Prototype, funcionó bien.

Answer 1

Puede que necesite cambiar su PHP como @Tomalak sugiere, pero también deberá cambiar su javascript. Para hacer referencia a un elemento con nombre use el selector #name:

var selectedbooks = $('form#book_form').serialize();; 

Answer 2

Gracias Tomalak.

En el archivo PHP, estoy usando el siguiente código ahora:

while ($row = mysqli_fetch_assoc($result)) { 
    extract($row); 
    echo "<tr>"; 
     echo "<td bgcolor='#FFFFFF'><input id='$book_id' name='bookArray[]' type='checkbox' value='$book_id' />$book_id</td>"; 
     echo "<td bgcolor='#FFFFFF'>$book_name</td>"; 
    echo "</tr>"; 
} // while 

** El book_id es único.

Usando tvanfosson solución, ahora soy capaz de conseguir gama de valor de entrada

var selectedBooks = $ ('# forma book_form') serializar().; alerta (selectedBooks);

En el cuadro de mensaje de alerta, consigo ==> bookArray% 5B% 5D = T2.05 & bookArray% 5B% 5D = T2.81

Ahora, cuando envié el valor de entrada a serializar archivo PHP usando jQuery

var selectedBooks = $('form#book_form').serialize(); 
alert (selectedBooks); 

var url = 'saveBookList.php'; 

// Send to server using JQuery 
$.post(url, {bookArray: selectedBooks}, function(responseData) { 
    $("#save-result").text(responseData); 
}); 

Dentro saveBookList.php para procesar el formulario serializar, tengo este error "argumento válido para el suministro foreach()".

Dentro saveBookList.php,

// If you have selected from list box. 
if(isset($_POST['bookArray'])) { 

    // Get array or bookID selected by user 
    $selectedBookId = $_POST['bookArray']; 
    echo $selectedBookId; 

    foreach($selectedBookId as $selectListItem) { 
     echo "You sent this -->" . $selectListItem . "\n"; 
    } 
} 

El código PHP anterior funciona bien si estoy enviando el uso de prototipos.

Para prototipo cuando lo hago echo $ selectedBookId;

Tengo Array.

Para JQuery, cuando lo hago echo $ selectedBookId;

que tiene ==> bookArray% 5B% 5D = T4.11 & bookArray% 5B% 5D = T4.38

Mi pregunta, son compatibles con jQuery valor de matriz para el método de entrada?

Answer 3

¡Problema resuelto! Aquí esta lo que hice.

archivo dentro de PHP para crear filas de casillas de verificación dinámicos,

while ($row = mysqli_fetch_assoc($result)) 
    { 
    extract($row); 
    echo "<tr>"; 
    echo "<td bgcolor='#FFFFFF'><input name='books' type='checkbox' value='$book_id' />$book_id</td>"; 
    echo "<td bgcolor='#FFFFFF'>$book_name</td>"; 
    echo "</tr>"; 
    } // while 

no uso .post método jQuery $ más. He cambiado mi código a la siguiente

var my_query_str = ''; 

$("input[@type='checkbox'][@name='books']").each(
    function() 
    { 
    if(this.checked) 
    { 
      my_query_str += "&bookArray[]=" + this.value; 
    } 
    }); 


$.ajax(
{ 
    type: "POST", 
    url: "saveBookList.php", 
    data: "dummy_data=a" + my_query_str, 
    success: 
     function(responseData) 
     { 
      $("#save-result").empty().append(responseData); 
     }, 
    error: 
     function() 
     { 
      $("#save-result").append("An error occured during processing"); 
     } 
}); 

Ahora, dentro de la página saveBookList.php, valor de $ _POST [ 'bookArray'] es una matriz. ¡Yey! ¡Yey!

Espero y deseo que el método $ .post de JQuery pueda admitir tipos de datos de matriz como lo hace Prototype. :)

Answer 4

fácil: serialize().replace(/%5B%5D/g, '[]')

Answer 5

Prototipo funcionalidad serializar/Scriptaculous para jQuery:

<script> 
function toObjectMap(queryString) 
{ 
    return '{\'' + queryString.replace(/=/g, '\':\'').replace(/&/g, '\',\'') + '\'}'; 
} 
</script> 
... 
<div id="result"></div> 
... 
<form onSubmit="$('#result').load(ajaxURL, toObjectMap($('#formId').serialize()));" ...> 
... 

Answer 6

@Tomalak Puede utilizar los caracteres corchetes "[" y "]" dentro de XHTML ver http://www.w3.org/TR/xhtml1/dtds.html#dtdentry_xhtml1-transitional.dtd_input

Esto significa que un nombre puede contener muchos caracteres diferentes legalmente dentro de XHTML, aunque no tiene mucho sentido para usar barras o corchetes. PHP admite el uso de la notación de matriz en los nombres de forma, por lo que podría perder un truco si no utiliza la notación de matriz en algunos casos.

Answer 7

var data = $(form).serialize(); 
$.post('post.php', '&'+data); 

Answer 8

var arTags = new Array(); 

jQuery.map($("input[name='tags[]']") , function(obj,index) 
{ 
    arTags .push($(obj).val()); 
}); 

var obj = {'new_tags'   : $("#interest").val() , 
      'allready_tags[]' : arTags }; 

var post_data = jQuery.param(obj,true); 

$.ajax({ 
     type : 'POST', 
     url : 'some_url', 
     data : post_data, 
     dataType : "html", 
     success: function(htmlResponse) 
     { 

     } 
}); 

Answer 9

jQuery 1,4

var myform = $("book_form").serialize(); 

decodeURIComponent(myform); 

Answer 10

no es un problema con jQuery Post, que es con la serialización se puede hacer esto:

var my_query_str = ''; 
    $("input[@type='checkbox'][@name='books']").each(function() { 
     if(this.checked) { my_query_str += "&bookArray[]=" + this.value; } 
    }); 
    jQuery.post(
     "saveBookList.php", 
     "dummy_data=a" + my_query_str , 
     function(responseData){ 
      $("#save-result").empty().append(responseData); 
     }, 
     error: function() { 
      $("#save-result").append("An error occured during processing"); 
     } 
    }); 

pero todo lo que realmente tiene que do es reemplazar '[' & ']' a ellos mismos después de serializarlos. porque serialize(); ¡los cambió a su valor htmlencoded!

Answer 11

que han llegado con un método que, cuando los datos se envían utilizando posterior

en el otro lado te dará acceso a los elementos que utilizan $_['post']['name']

Si se trata de una matriz (por ejemplo, una selección múltiple) a continuación, en el servidor se puede acceder a ella como una matriz de nuevo $_POST['myselect'][0]...

Código: Function to serialize form data for post

function serializePost(form) { 
    var data = {}; 
    form = $(form).serializeArray(); 
    for (var i = form.length; i--;) { 
     var name = form[i].name; 
     var value = form[i].value; 
     var index = name.indexOf('[]'); 
     if (index > -1) { 
      name = name.substring(0, index); 
      if (!(name in data)) { 
       data[name] = []; 
      } 
      data[name].push(value); 
     } 
     else 
      data[name] = value; 
    } 
    return data; 
} 

Answer 12

trabajo correctamente jQuery =>

var data = $('form').serialize(); 
      $.post(baseUrl+'/ajax.php', 
        {action:'saveData',data:data}, 
        function(data) { 
         alert(data); 
        }); 

php =>

parse_str($_POST['data'], $searcharray); 
    echo ('<PRE>');print_r($searcharray);echo ('</PRE>'); 

salida =>

[query] => 
[search_type] => 0 
[motive_note] => 
[id_state] => 1 
[sel_status] => Array 
    (
     [8] => 0 
     [7] => 1 
    ) 

y que puede hacer lo que usted desee como con datos de la matriz, gracias a Aridane https://stackoverflow.com/questions/1792603

Answer 13

Si usted tiene que fijar solamente y no otros campos de entrada de esa matriz, esto es una solución limpia y rápida:

var selectedbooks = $('book_form input[name^="bookArray["]').serialize(); 
alert (selectedbooks); 

Explicación:

El selector^= selecciona todos los elementos con un valor de nombre de atributo a partir de 'bookArray', el corchete abierto '[' asegura que el elemento es la matriz que queremos serializar y no solo una variable que comienza con la cadena 'bookArray'.

Answer 14

usted tiene que reemplazar corchetes izquierda y derecha entre corchetes con esto:

data: $(this).serialize().replace(/%5B/g, '[').replace(/%5D/g, ']'),