Primeiro, precisamos do objeto XHR. Isso não é difícil para nós, encapsulando -o em uma função.
var createajax = function () {var xhr = null; experimente {// IE Série navegador xhr = new ActiveXObject ("microsoft.xmlhttp"); } catch (e1) {try {// navegador não-IA xhr = novo xmlHttPrequest (); } catch (e2) {window.alert ("Seu navegador não suporta Ajax, substitua!"); }} retornar xhr;};Então, vamos escrever a função principal.
var ajax = function (conf) {// Initialize // Tipo Parâmetro, opcional var type = conf.type; // parâmetro URL, exigido var url = conf.url; // O parâmetro de dados é opcional, apenas var dados = conf.data; // O parâmetro Datatype é opcional var datatype = conf.datatype; // A função de retorno de chamada é opcional var success = conf.success; if (type == null) {// O parâmetro do tipo é opcional, o padrão é get type = "get"; } if (datatype == null) {// O parâmetro Datatype é opcional, o padrão é o texto datatype = "text"; } // Crie objeto de motor Ajax var xhr = createajax (); // Abra xhr.Open (tipo, URL, verdadeiro); // Enviar if (type == "get" || tipo == "get") {xhr.send (null); } else if (type == "post" || type == "post") {xhr.setRequestHeader ("content-type", "Application/x-www-forma-urlencoded"); xhr.send (dados); } xhr.onreadyStateChange = function () {if (xhr.readyState == 4 && xhr.status == 200) {if (datatype == "text" || datatype == "text") {if (succcess! = null) {// sucessão normal (xhr.Resconsett); }} else if (datatype == "xml" || datatype == "xml") {if (succcess! = null) {// recebe o sucesso do documento xml (xhr.Responsexml); }} else if (datatype == "json" || datatype == "json") {if (succcess! = null) {// converte a string json para JS objeto sucesso (avaliar ("("+xhr.roSponsetext+"))); }}}}}};};Por fim, vamos explicar o uso dessa função.
ajax ({type: "post", url: "test.jsp", dados: "nome = dipoo & info = bom", datatype: "json", success: function (data) {alert (data.name);}}});O código de exemplo acima que usa JS nativo para simplesmente encapsular o Ajax é todo o conteúdo que eu compartilho com você. Espero que você possa lhe dar uma referência e espero que você possa apoiar mais o wulin.com.