Saltar al contenido

Ejemplo de código de w3schools ajax jquery

Después de mucho trabajar pudimos encontrar la contestación de esta interrogante que tantos lectores de nuestra web tienen. Si quieres aportar algún detalle puedes compartir tu comentario.

Ejemplo 1: $ .ajax javascript

$.ajax(
    url:'https://example.com/your-page',success:function(data)//'data' is the value returned.,error:function()alert('An error was encountered.'););

Ejemplo 2: ajax jquery php

<!doctype html><html><head><script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script></head><body><form id="loginform" method="post"><div>Username:<input type="text" name="username" id="username"/>Password:<input type="password" name="password" id="password"/><input type="submit" name="loginBtn" id="loginBtn" value="Login"/></div></form><script type="text/javascript">$(document).ready(function()$('#loginform').submit(function(e)
        e.preventDefault();
        $.ajax(
            type:"POST",
            url:'login.php',
            data:$(this).serialize(),success:function(response)var jsonData =JSON.parse(response);// user is logged in successfully in the back-end// let's redirectif(jsonData.success=="1")location.href='my_profile.php';elsealert('Invalid Credentials!'););););</script></body></html>

Ejemplo 3: jQuery – Introducción a AJAX

<!DOCTYPE html><html><head><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script><script>$(document).ready(function()$("button").click(function()$("#div1").load("demo_test.txt");););</script></head><body><div id="div1"><h2>Let jQuery AJAXChangeThisText</h2></div><button>GetExternalContent</button></body></html>

Reseñas y calificaciones del artículo

Si para ti ha resultado útil este post, sería de mucha ayuda si lo compartieras con más desarrolladores y nos ayudes a difundir nuestro contenido.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *