Tipo de datos $.Ajax en jQuery

Sheeraz Gul 12 octubre 2023
Tipo de datos $.Ajax en jQuery

El tipo de datos en jQuery ajax request es el tipo de datos que esperamos del servidor. Este tutorial describe el uso del tipo de datos en jQuery ajax.

el tipo de datos Ajax en jQuery

El tipo de datos en la solicitud ajax se refiere al tipo de datos que esperamos del servidor. Si no se especifica ningún dato, jQuery lo hará en función del tipo MIME de la respuesta.

Por lo general, los datos son texto sin formato, HTML o JSON. A continuación se proporciona una solicitud ajax simple con tipo de datos.

$.ajax({
    type : "POST",
    url : user,
    datatype : "application/json",
    contentType: "text/plain",
    success : function(employee_data) {
      //some code here
    },
    error : function(error) {
   //some error error here
},

El tipo de datos que esperamos del servidor en la solicitud anterior es JSON. El tipo de tipo de datos es siempre una cadena.

Los tipos de datos disponibles para una solicitud ajax son:

  • XML devolverá un archivo XML de un documento que puede ser procesado por jQuery.

  • HTML devolverá HTML como texto sin formato donde las etiquetas de script se evalúan mientras se insertan en el DOM.

  • script evaluará la respuesta como JavaScript y la devolverá como texto sin formato. Necesitamos deshabilitar el almacenamiento en caché usando un parámetro de cadena de consulta =[TIMESTAMP] con la URL hasta que la opción de caché sea verdadera, y este método convertirá la solicitud POST en GET para solicitudes de dominio remoto.

  • JSON evaluará la respuesta como JSON y devolverá un objeto JavaScript. Las solicitudes JSON entre dominios se convertirán en jsonp a menos que incluya jsonp: falso en las opciones de solicitud.

    Los datos JSON se analizarán estrictamente; cualquier JSON que no funcione correctamente será rechazado y se generará un error. En la versión más reciente de jQuery, también se rechaza la respuesta vacía.

  • jsonp se cargará en un bloque JSON utilizando el JSONP. Podemos añadir un callback extra al final de nuestra URL para especificarlo.

    También podemos deshabilitar el almacenamiento en caché agregando _=[TIMESTAMP] a la URL hasta que la opción de caché sea true.

  • text devolverá una cadena de texto sin formato.

Los siguientes ejemplos son algunas solicitudes ajax que utilizan los tipos de datos anteriores.

Usar XML para una solicitud de Ajax

Una solicitud ajax para transferir datos en un esquema XML personalizado.

$.ajax({
  url: 'http://demoxmlurl',
  type: 'GET',
  dataType: 'xml',
  success: parseXml
});
});

Usar HTML para una solicitud de Ajax

Una solicitud ajax para transferir bloques HTML a algún lugar de la página.

$.ajax({
  type: 'POST',
  url: 'post.php',
  dataType: 'json',
  data: {id: $('#id').val()},
});

Usar script para una solicitud de Ajax

Una solicitud ajax para agregar un nuevo script a la página.

$.ajax({url: 'http://unknown.jquery.com/foo', dataType: 'script', cache: true})
    .then(
        function() {
          console.log('Success');
        },
        function() {
          console.log('Failed');
        });

Use JSON para una solicitud de Ajax

Una solicitud ajax para transferir datos JSON incluirá cualquier tipo de datos.

$.ajax({
  url: 'delftstack.php',
  type: 'POST',
  data: {ID: ID, First_Name: First_Name, Last_Name: Last_Name, Salary: Salary},
  dataType: 'JSON',
  success: function(employee_data) {
    console.log('Success');
    $('#result').text(employee_data);
  }
});

Use JSONP para una solicitud Ajax

Una solicitud ajax para transferir datos JSON desde otro dominio.

$.ajax({
  type: 'GET',
  url: url,
  async: false,
  jsonpCallback: 'jsonCallback',
  contentType: 'application/json',
  dataType: 'jsonp',
  success: function(json) {
    console.dir(json.sites);
  },
  error: function(er) {
    console.log(er.message);
  }
});

Usar texto para una solicitud de Ajax

Una solicitud ajax para transferir una cadena de texto sin formato.

$.ajax({
  type: 'POST',
  url: 'delftstack.php',
  data: '{}',
  async: true,
  dataType: 'text',
  success: function(data) {
    console.log(data);
  }
});
Sheeraz Gul avatar Sheeraz Gul avatar

Sheeraz is a Doctorate fellow in Computer Science at Northwestern Polytechnical University, Xian, China. He has 7 years of Software Development experience in AI, Web, Database, and Desktop technologies. He writes tutorials in Java, PHP, Python, GoLang, R, etc., to help beginners learn the field of Computer Science.

LinkedIn Facebook