Estoy luchando con este problema durante aproximadamente una semana, lo que debo hacer es enviar el formulario con ajax, eso ya estaba cargado con ajax, probé muchas soluciones pero nada funcionó, así que si alguien sabe, el enfoque correcto, lo haré ser apreciado, y gracias avanzado.
Este es mi código:
<form class="w3-container" method="POST" action="forms-submitting" id="SignIN"> <p> <label><b> إسم المستخذم </b></label> <input class="w3-input w3-border" type="text" name="user_name"> </p> <p> <label><b> كلمة المرور <b></label> <input class="w3-input w3-border" type="password" name="pass_word"> </p> <p> <button type="submit" class="w3-button w3-text-blue"> تسجيل الدخول </button> </p> </form>Y este es mi código ajax:
$("#SignIN").submit(function(e) { var url = "forms-handle.php"; $.ajax({ type: "POST", url: url, data: $("#SignIN").serialize(), success: function(data) { alert(data); } }); e.preventDefault(); });Dado que no está utilizando el envío regular, puede cambiar su botón a tipo de button y adjuntar un evento de clic a este botón como:
<button type="button" id="login" class="w3-button w3-text-blue"> تسجيل الدخول </button> $('body').on('click', '#login', function(e) { e.preventDefault(); $.ajax({ type: "POST", url: "forms-handle.php", data: $("#SignIN").serialize(), success: function(data) { alert(data); } }); }); NOTA: dado que el form se carga dinámicamente, debe usar la delegación de eventos .on() .
Espero que esto ayude.