"Si un trabajador quiere hacer bien su trabajo, primero debe afilar sus herramientas." - Confucio, "Las Analectas de Confucio. Lu Linggong"
Página delantera > Programación > Cómo enviar datos JSON con jQuery: ¿Por qué estoy recibiendo una cadena de consulta?

Cómo enviar datos JSON con jQuery: ¿Por qué estoy recibiendo una cadena de consulta?

Publicado el 2025-03-24
Navegar:356

How to Send JSON Data with jQuery: Why Am I Receiving a Query String Instead?

Comprender la transmisión de datos JSON con jQuery

Enviar datos en formato JSON es crucial para una comunicación eficiente entre páginas web y servidores. Sin embargo, si encuentra datos que se envían de manera sin formato, como "City = Moscú & Age = 25," puede deberse a la falta de configuración de solicitud adecuada.

El código proporcionado intenta enviar datos JSON usando el método $ .AJAX () de jQuery. Por defecto, JQuery convierte los datos en una cadena de consulta, lo que resulta en el formato "City = Moscú y Age = 25". Para resolver esto, siga estos pasos:

  1. use json.Stringify (): convertir el objeto JavaScript (arr) en una cadena json usando json.stringify ().
  2. Establezca el tipo de contenido de la solicitud:
  3. Asegúrese de que la respuesta JSON:
  4. establezca el tipo de datos: 'json' para indicar que la respuesta esperada del servidor debe estar en formato json.
  5. aquí es el código corregido:
  6. 'Moscú', edad: 25}; $ .AJAX ({ URL: 'Ajax.ashx', Tipo: 'Post', Datos: json.stringify (arr), ContentType: 'Aplicación/JSON; charset = utf-8 ', DataType: 'json', async: falso, éxito: function (msg) { alerta (msg); } });

notas adicionales:
var arr = { City: 'Moscow', Age: 25 };
$.ajax({
    url: 'Ajax.ashx',
    type: 'POST',
    data: JSON.stringify(arr),
    contentType: 'application/json; charset=utf-8',
    dataType: 'json',
    async: false,
    success: function(msg) {
        alert(msg);
    }
});

arr no es una matriz sino un objeto JavaScript. Las matrices están encerradas en []. La devolución de llamada de éxito analizará automáticamente la respuesta JSON en un objeto JavaScript si el servidor respeta el protocolo HTTP y responde con "Content-type: Application/Json".

    Último tutorial Más>

    Descargo de responsabilidad: Todos los recursos proporcionados provienen en parte de Internet. Si existe alguna infracción de sus derechos de autor u otros derechos e intereses, explique los motivos detallados y proporcione pruebas de los derechos de autor o derechos e intereses y luego envíelos al correo electrónico: [email protected]. Lo manejaremos por usted lo antes posible.

    Copyright© 2022 湘ICP备2022001581号-3