miscodesdelchatgpt.blogspot.com

  METODO 1 3-view.html <input type="text" id="caja1"> document.getElementById('caja1').addEventListener('keyup', doSearch); function doSearch () { var caj = document.getElementById("caja1").value; const formData = { n: caj }; fetch("2-controller.php", {        method:"POST",        headers: {     'Content-Type': 'application/json; charset=utf-8'   },  body: JSON.stringify(formData) }) .then(res => res.json())       .then(res => {         let results = document.getElementById("results");         results.innerHTML = "";         let output = '';         if (res !== null) { for (let r of res) {         results.innerHTML += `<div>${r.id} - ${r.nombre}</div>`;         output += `                  <tr>     ...

3-view.html <!DOCTYPE html> <html>   <head>     <title>View (User Interface)</title>     <link rel="stylesheet" href="x-dummy.css"> <style> table, td, th {     border: 3px solid #ddd;   text-align: left;   border-collapse: collapse;   width: 50%; } tr:nth-child(even) {background-color: #f2f2f2;} </style>   </head>   <body>     <!-- (A) SEARCH JAVASCRIPT -->     <script>     function doSearch () {       // (A1) GET SEARCH TERM       var data = new FormData(document.getElementById("mySearch"));       // (A2) AJAX - USE HTTP:// NOT FILE://       fetch("2-controller.php", { method:"POST", body:data })       .then(res => res.json())       .then(res => {         let results = document.getElementById("results"); ...

  index.html <!DOCTYPE html> <html lang="en">   <head>     <meta charset="UTF-8" />     <meta http-equiv="X-UA-Compatible" content="IE=edge" />     <meta name="viewport" content="width=device-width, initial-scale=1.0" />     <title>Document</title>     <link rel="stylesheet" href="css/styles.css" />     <link rel="manifest" href="/manifest.json" />     <meta name="theme-color" content="#f9d627" />   </head>   <body>     <div class="cba-header">       <img         src="images/beerjs-logo.png"         alt="beerjs-logo"         class="cba-header__logo"       />       <h1 class="cba-header__title">         BeerJS         <strong>Cba</strong> ...

La API Fetch es una interfaz moderna para realizar solicitudes de red, como solicitudes HTTP, desde el navegador. Permite enviar y recibir datos en diferentes formatos, como JSON, XML o texto plano. Realizar una solicitud GET: javascript Copy code fetch('https://api.example.com/data')   .then(response => response.json())   .then(data => {     console.log(data);   })   .catch(error => {     console.log('Error:', error);   }); En este ejemplo, usamos fetch() para realizar una solicitud GET a la URL especificada. Después de recibir la respuesta, llamamos al método json() en el objeto response para analizar los datos en formato JSON. Luego, en el segundo then(), podemos trabajar con los datos obtenidos. Si ocurre algún error durante la solicitud, se capturará en el catch(). Realizar una solicitud POST: javascript Copy code const data = {   name: 'John',   age: 30 }; fetch('https://api.example.com/data', {   method: 'POST',...