Primeiro, compartilhei com você a implementação de JavaScript nativa Código AJAX para sua referência. O conteúdo específico é o seguinte
var getxmlHttPreQuest = function () {if (window.xmlHttPrequest) {// navegadores mainstream fornecem xmlHttPrequest Return Return New XmlhttPreQuest (); } else if (window.activexObject) {// A versão inferior do navegador do IE não fornece o objeto xmlHttPrequest // para que você deve usar a implementação específica do navegador do IE ActiveXObject Return New ActiveXObject ("Microsoft.xmlHttPrequest"); }}; var xhr = getxmlHttPrequest (); xhr.onreadyStatechange = function () {console.log (xhr.readyState); if (xhr.readyState === 3 && xhr.status === 200) {// Execute a operação após aquisição bem -sucedida // os dados estão no xhr.ProSeText Console.log (xhr.roSponsetext); }}; xhr.open ("get", "data.php", true); xhr.send ("");Abaixo, compartilharei com você várias maneiras de implementar o Ajax nativo usando JavaScript.
Antes de implementar o AJAX, você deve criar um objeto xmlHttPrequest. Se o navegador que cria esse objeto não for suportado, você precisará criar um ActiveXObject. O método específico é o seguinte:
var xmlhttp; função createxmlHttPreQuest () {if (window.activexObject) {xmlHttp = new ActiveXObject ("microsoft.xmlhttp"); } else if (window.xmlHttPrequest) {xmlHttp = new XmlHttPrequest (); }(1) O seguinte usa o XMLHTTP criado acima para implementar a solicitação GET AJAX mais simples:
function Doget (URL) {// Observe que, ao passar os valores dos parâmetros, é melhor usar o Encodeuri para lidar com isso, no caso de código iluminado createxmlHttPrequest (); xmlhttp.open ("get", url); xmlhttp.send (nulo); xmlHttp.onReadyStatechange = function () {if ((xmlHttp.readyState == 4) && (xmlhttp.status == 200)) {alert ('sucesso'); } else {alert ('falha'); }}}(2) Use o XMLHTTP criado acima para implementar a solicitação de postagem mais simples do Ajax:
função doPost (URL, dados) {// Observe que, ao passar os valores dos parâmetros, é melhor usar o Encodeuri para lidar com isso, no caso de código iluminado createxmlHttPrequest (); xmlhttp.open ("post", url); xmlhttp.setRequestHeader ("conteúdo-tipo", "Application/X-Www-Form-Urlencoded"); xmlhttp.send (dados); xmlHttp.onReadyStatechange = function () {if ((xmlHttp.readyState == 4) && (xmlhttp.status == 200)) {alert ('sucesso'); } else {alert ('falha'); }}}O exposto acima é tudo sobre este artigo, espero que seja útil para o aprendizado de todos.