jQuery ajax request with json response, how to?

Question

Estoy enviando una solicitud ajax con 2 valores de publicación, la primera es "acción" que define qué acciones tiene que analizar mi script php, la otra es "id" que es la identificación del usuario que tiene que analizar el script .
El servidor devuelve 6 valores dentro de un array() y luego se codifica a JSON con la función de PHP: json_encode();
Algunos de mis respuestas son HTML, pero cuando codificar a JSON, que se escapa "/" manera que se convierta "\/"
¿cómo desactivo eso?

también cuando no sé cómo mostrar esto en jQuery cuando recibo la respuesta del servidor, pensé que poner todo en un div solo mostraría los números y códigos HTML que había solicitado, pero muestra el conjunto como está codificado en PHP.

PHP

$response = array(); 
$response[] = "<a href=''>link</a>"; 
$response[] = 1; 
echo json_encode($response); 

jQuery:

$.ajax({ 
    type: "POST", 
    dataType: "json", 
    url: "main.php", 
    data: "action=loadall&id=" + id, 
    complete: function(data) { 
     $('#main').html(data.responseText); 
    } 
}); 

¿Cómo puedo hacer este trabajo a JSON?

Answer 1

Es necesario llamar a la

$.parseJSON(); 

Por ejemplo:

... 
success: function(data){ 
     var json = $.parseJSON(data); // create an object with the key of the array 
     alert(json.html); // where html is the key of array that you want, $response['html'] = "<a>something..</a>"; 
    }, 
    error: function(data){ 
     var json = $.parseJSON(data); 
     alert(json.error); 
    } ... 

ver esto en http://api.jquery.com/jQuery.parseJSON/

si todavía tiene el problema de barras: búsqueda de security.magicquotes.disabling.php o: function.stripslashes.php

Nota:

Esta respuesta aquí es para aquellos que intente usar $.ajax con la propiedad dataType establecida en json e incluso eso obtuvo el tipo de respuesta incorrecta La definición del header('Content-type: application/json'); en el servidor puede corregir el problema, pero si devuelve text/html o cualquier otro tipo, el método $.ajax debe convertirlo a json. Hago una prueba con versiones anteriores de jQuery y solo después de la versión 1.4.4 la fuerza $.ajax para convertir cualquier tipo de contenido al dataType pasado. Entonces, si tiene este problema, intente actualizar su versión de jQuery.

Answer 2

En primer lugar, le ayudará si establece los encabezados de su PHP para servir JSON:

header('Content-type: application/json'); 

En segundo lugar, que le ayudará a ajustar su ajax llamada:

$.ajax({ 
    url: "main.php", 
    type: "POST", 
    dataType: "json", 
    data: {"action": "loadall", "id": id}, 
    success: function(data){ 
     console.log(data); 
    }, 
    error: function(error){ 
     console.log("Error:"); 
     console.log(error); 
    } 
}); 

Si tiene éxito, el la respuesta que reciba debe tomarse como JSON verdadero y un objeto debe registrarse en la consola.

NOTA: Si desea recoger html puro, es posible que desee considerar usar otro método para JSON, pero personalmente recomiendo usar JSON y representarlo en html utilizando plantillas (como Handlebars js).

Answer 3

Como está creando un marcado como una cadena, no tiene que convertirlo en json. Simplemente envíelo ya que combina todos los elementos de la matriz usando el método implode. Prueba esto.

cambio PHP

$response = array(); 
$response[] = "<a href=''>link</a>"; 
$response[] = 1; 
echo implode("", $response);//<-----Combine array items into single string 

JS (Cambiar el tipo de datos de JSON a html o simplemente no establecen que jQuery dará cuenta de ello)

$.ajax({ 
    type: "POST", 
    dataType: "html", 
    url: "main.php", 
    data: "action=loadall&id=" + id, 
    success: function(response){ 
     $('#main').html(response); 
    } 
}); 

Answer 4

Conecte su controlador de cliente javascript y el controlador de servidor php usando envío y recepción de códigos de operación con datos enlazados. Por lo que su código PHP puede enviar como delta funcional de respuesta para js recepient/oyente

ver https://github.com/ArtNazarov/LazyJs

Lo siento por mi mala Inglés