阿弥陀如来

6940 ワード
programming php javascript テキストリンク
Ajax y cは、Mo Funciona?
としてAjaxの重要なJavaScriptのNcronoのYのXML(非同期JavaScriptとXML).E . N . Condento De Artjuntoのウェブにおけるウェブのque que percienique que AplicacionesのウェブFuncionen de formaは、ncrona、procesando cualquier solicitud al servidor en segundo plano es decir que la pagina o sitio web realice na peticion al servidor y la muestre sin tener queリフレッシュである.
JavaScriptのtiene la funcionaliddデgetionar el contenido dinはmico de un sitioウェブy permite la interacciによって.XML es Otra variante de un lenguaje de marcado como html , como lo - sugere su nombre :拡張可能なマークアップ言語Menentras HTML ESTは、DiseのIndo - Da Mostrar Datos、XML EST - EDI Dise - Appa - ADOパラシュートで降下する人Contracer yトランスポータDatosです.
JavaScript y XML FoncionanデformaとしてのNcronaエヌAjax.
Ahora Veremos Unos Ejcusデcomo realizar una peticion ajax
Inluluso VeremosユニオスEjcusは、Trabajarを結びつけます.

アンテデHacer Nuna Peticion Ajax干し草que Verificar Siエルエルガナードes互換性
Leeendo Datos desde非txt
メンサエ.txt :
Mensaje usando ajx
インデックス.js
function ejecutarAjax(){
  let ajaxRequest;
  if(window.XMLHttpRequest){
    ajaxRequest = new XMLHttpRequest();
  }else {
    ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP")
  }

  //ajaxRequest.readyState = 0 peticion no inicializada
  //ajaxRequest.readyState = 1 peticion ha sido establecida
  //ajaxRequest.readyState = 2 peticion ha sido enviada
  //ajaxRequest.readyState = 3 peticion esta siendo procesada
  //ajaxRequest.readyState = 4 peticion ha sido finalizada
  //ajaxRequest.status = codigos de verbo http

  ajaxRequest.onreadystatechange = function (){
    if(ajaxRequest.readyState == 4 && ajaxRequest.status == 200 ){
      console.log(ajaxRequest.responseText)
    }
  }

  ajaxRequest.open("GET", "mensaje.txt", true) //verbo http - direccion del servidor al que se hara la peticion - boolean este indica si sera asincrono o no
  ajaxRequest.send()
}
Ahora LeeremosロスDatos desdeウンJSON
メンサエ.JSON :
{
  "msg": "HELLO WORLD SINCE AJAXXXX !!!"
}
インデックス.js
function ejecutarAjaxJson() {
  let xml;

  if (window.XMLHttpRequest) {
    xml = new XMLHttpRequest();
  } else {
    xml = new ActiveXObject("Microsoft.XMLHTTP");
  }

  xml.onreadystatechange = function () {
    if (xml.readyState == 4 && xml.status == 200) {
      data = JSON.parse(xml.responseText);
      console.log(data);
    }
  };

  xml.open("GET", "mensaje.json", true);
  xml.send();
}
Phase Hacer Nuna Peticion A n Servidor de PHP Dedicos de Hacer la Siguiente Peticion Ajax :
インデックス.HTML
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Post ajax y php</title>
  </head>
  <body>
    <input id="nombre" type="text" placeholder="su nombre" />
    <input id="pais" type="text" placeholder="su pais" />
    <button id="btn">Enviar</button>

    <div id="response"></div>

    <script src="index.js"></script>
  </body>
</html>
インデックス.js
const enviarInfo = () => {
  let nombre = document.getElementById("nombre").value;
  let pais = document.getElementById("pais").value;
  let xml = new XMLHttpRequest();
  let info = `nombre=${nombre}&pais=${pais}`;
  xml.onreadystatechange = function () {
    if (xml.readyState == 4 && xml.status == 200) {
      console.log(xml.responseText);
      document.getElementById("response").innerText = "";
      document.getElementById("response").innerText = xml.responseText;
    }
  };

  xml.open("POST", "server.php", true);
  xml.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  xml.send(info);
};

document.getElementById("btn").addEventListener("click", enviarInfo);
エヌエルServidorデPHP tendremosエルsiguiente codigo
<?php
  $nombre = $_POST["nombre"];
  $pais = $_POST["pais"];

  if (empty($nombre) || empty($pais)) {
    echo "error";
  }else {
    echo "{$nombre} bienvenido que tal todo en {$pais}";
  }
?>
エステCodigoは、前ususos el verboポストahora veremos como hacer una peticion A ServidorデPulus USADOエルVerbo取得します.
インデックス.HTML
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Post ajax y php</title>
  </head>
  <body>
    <input id="num1" type="number" placeholder="numero 1" />
    <input id="num2" type="number" placeholder="numero 2" />
    <button id="btn">Enviar</button>
    <div id="res"></div>
    <script src="index.js"></script>
  </body>
</html>
インデックス.js
const enviarInfoGet = () => {
  let num1 = document.getElementById("num1").value;
  let num2 = document.getElementById("num2").value;
  let cadena = `num1=${num1}&num2=${num2}`;
  let xml = new XMLHttpRequest();
  xml.onreadystatechange = function () {
    if (xml.readyState == 4 && xml.status == 200) {
      console.log(xml.responseText);
      document.getElementById("res").innerText = "";
      document.getElementById("res").innerText = xml.responseText;
    }
  };
  xml.open("GET", "server.php?" + cadena, true);
  xml.send();
};

document.getElementById("btn").addEventListener("click", enviarInfoGet);
サーバ.PHP
<?php
  $num1 = $_GET["num1"];
  $num2 = $_GET["num2"];

  if(is_numeric($num1) && is_numeric($num2)){
    echo $num1 + $num2;
  }
  else {
    echo "Ingresa solo numeros";
  }
?>
デesta Manera podrは、現実的なpeticiones y mostrarロスresultosで、ppagina esto seraデおばあちゃんPrevenicio Ya que Los Usualia Quedaran Mas満足しているLos Resultados lo Cual SinドーダGenerara Mucho Mas tr Fu en Tu - Sitioウェブにある.
CSS表示プロパティ
[Java][JSON] genericなクラスの配列となっているJSONをJacksonを使ってLISTへデシリアライズする方法