Entradas

Mostrando entradas de junio, 2023

3 METODOS POST FETCH JSON ENVIO DATOS HACIA LA API

  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>     ...

PATRON MVC BUSCAR FETCH JS HTML CSS PHP MYSQL

Imagen
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"); ...

EJEMPLO WEB APP PWA APLICACION WEB PROGRESIVA HTML CSS JS

Imagen
  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> ...