jQuery版AJAX简易封装代码

Nel processo di sviluppo, l'applicazione di AJAX dovrebbe essere molto frequente, naturalmente, le funzioni AJAX di jQuery sono già molto utili, ma l'autore ha deciso di organizzarle leggermente per semplificare l'inserimento dei parametri in diverse esigenze, ecco un esempio di codice:

$(function() {
  /**
   * ajax encapsulation
   * url indirizzo di invio della richiesta
   * data dati inviati al server, array di memorizzazione, come: {"date": new Date().getTime(), "state": 1}
   * async valore predefinito: true. Di default, tutte le richieste sono asincrone. Se si desidera inviare una richiesta sincrona, impostare questa opzione su false.
   * Attenzione, le richieste sincrone bloccano il browser, altre operazioni dell'utente devono aspettare la completazione della richiesta.
   * type metodo di richiesta ("POST" o "GET"), predefinito a "GET"
   * dataType tipo di dati atteso dal server di risposta, tipicamente come: xml, html, json, text
   * successfn funzione di callback di successo
   * errorfn funzione di callback di errore
   */
  jQuery.syncAjax = function(url, data, async, type, dataType, successfn, errorfn) {
    async = (async==null || async=="" || typeof(async)=="undefined") ? "true" : async;
    type = (type==null || type=="" || typeof(type)=="undefined") ? "post" : type;
    dataType = (dataType==null || dataType=="" || typeof(dataType)=="undefined") ? "json" : dataType;
    data = (data==null || data=="" || typeof(data)=="undefined")? {"date": new Date().getTime()} : data;
    $.ajax({
      type: type,
      async: async,
      data: data,
      url: url,
      dataType: dataType,
      success: function(d){
        successfn(d);
      },
      error: function(e){
        errorfn(e);
      }
    });
  });
  /**
   * ajax encapsulation
   * url indirizzo di invio della richiesta
   * data dati inviati al server, array di memorizzazione, come: {"date": new Date().getTime(), "state": 1}
   * successfn funzione di callback di successo
   */
  jQuery.jsonAjax = function(url, data, successfn) {
    data = (data==null || data=="" || typeof(data)=="undefined")? {"date": new Date().getTime()} : data;
    $.ajax({
      type: "post",
      data: data,
      url: url,
      dataType: "json",
      success: function(d){
        successfn(d);
      }
    });
  });
  /**
   * ajax encapsulation
   * url indirizzo di invio della richiesta
   * data dati inviati al server, array di memorizzazione, come: {"date": new Date().getTime(), "state": 1}
   * dataType tipo di dati atteso dal server di risposta, tipicamente come: xml, html, json, text
   * successfn funzione di callback di successo
   * errorfn funzione di callback di errore
   */
  jQuery.jsonAjax2=function(url, data, successfn, errorfn) {
    data = (data==null || data=="" || typeof(data)=="undefined")? {"date": new Date().getTime()} : data;
    $.ajax({
      type: "post",
      data: data,
      url: url,
      dataType: "json",
      success: function(d){
        successfn(d);
      },
      error: function(e){
        errorfn(e);
      }
    });
  });
});

Questo è tutto il contenuto dell'articolo, speriamo che sia utile per la tua apprendimento, e speriamo che tu supporti fortemente il tutorial di url.

Dichiarazione: il contenuto di questo articolo è stato tratto da Internet, il copyright spetta agli autori originali, il contenuto è stato contribuito e caricato dagli utenti di Internet autonomamente, questo sito non possiede il diritto di proprietà, non è stato editato manualmente e non assume alcuna responsabilità legale correlata. Se trovi contenuti sospetti di violazione del copyright, ti preghiamo di inviare una email a: notice#oldtoolbag.com (al momento dell'invio dell'email, sostituisci # con @) per segnalare, fornendo prove pertinenti. Una volta verificata, questo sito eliminerà immediatamente il contenuto sospetto di violazione del copyright.