Estoy intentando enviar una solicitud GET tan pronto como se presiona un botón. Como soy bastante inexperto con HTML y JQuery/Ajax, estoy un poco confundido sobre cómo hacer esto. Mi código es el siguiente
<div id = "Reset"> <!-- <form method="get"></form> --> <!-- <form action="https://wt.ops/reset" method="get"> --> <button>Reset</button> <!-- </form> --> </div> <script> $("Reset").ready(function(){ $( "#Reset" ).click(function(){}); $.get( "https://wt.ops/reset", function( data ) { $( ".result" ).html( data ); alert( "Load was performed." ); })}); </script>Actualmente, lo que está haciendo es que solo carga los scripts de JQuery automáticamente cuando se recarga la página. Pero cuando hago clic en el botón, no hace nada.
Debe adjuntar el controlador de clics después de cargar el documento.
$("document").ready(function(){ //.. click handler }); Su $.get debe estar dentro del controlador de clics.
$("#Reset").click(function(){ $.get( "https://wt.ops/reset", function( data ) { $( ".result" ).html( data ); alert( "Load was performed." ); }); });Pocas cosas tienes que actualizar
1. esto es solo para preguntar si agregó el script jquery en la cabeza
2. Debe cambiar la identificación de div a etiqueta de botón o permanecer como está
<div> <!-- <form method="get"></form> --> <!-- <form action="https://wt.ops/reset" method="get"> --> <button id="Reset">Reset</button> <!-- </form> --> </div>3. Debe actualizar la función de secuencia de comandos a la siguiente función. Solo he cambiado la url para comprobar los datos
$(document).ready(function () { $("#Reset").click(function () { $.get("https://jsonplaceholder.typicode.com/todos", function (data) { console.log(data); alert("Load was performed."); }) }); });Veo que usas Jquery.
<div id = "reset"> <button >Reset</button> <span id='result'> data</span> </div> $().ready(function(){ $( "#reset" ).click(function(){ console.log('click') getFileFromNet(); }); function getFileFromNet(){ $.get( "https://rickandmortyapi.com/api/character/2", function( data ) { $( "#result" ).html( data ); alert( "Load was performed." ); }) } });https://jsfiddle.net/eaLjb1n5/
tal vez te ayude