Submit form cu Ajax la doua adrese php
Discutii si intrebari legate de scripturi si functii JavaScript, jQuery si Ajax, cod JavaScript in general.
-
ionatan
- Mesaje: 94
Submit form cu Ajax la doua adrese php
Salut,
Am un formular si vreau apasand pe submit sa il trimit la doua pagini php diferite in acelasi timp prin POST.Va rog sa ma ajutati.
Am gasit acest cod dar nu functioneaza.
Cod: Selectaţi tot
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("boton-enviarformulario").click(function(){
$.post("archivo1.php",$("#formulario").serialize(),function(){
alert("La informacion fue recibida por el archivo 1 ");
});
$.post("archivo2.php",$("#formulario").serialize(),function(){
alert("La informacion fue recibida por el archivo 2 ");
});
return false;
});
});
</script>
<form id="formulario">
<h2>Contacto</h2>
Digite nombre <input type="text" name="nombre"/><br/>
Digite telefono <input type="text" name="telefono"/><br/>
<input type="button" id="boton-enviarformulario" value="enviar"/>
</form>
MarPlo
Mesaje: 4343
Salut
Inceearca acest cod. L-am testat, functioneaza daca adresele "script_1php" si "script_2.php" sunt corecte.
Cod: Selectaţi tot
<form action="#" method="post" id="formulario">
<h2>Contacto</h2>
Digite nombre <input type="text" name="nombre"/><br/>
Digite telefono <input type="text" name="telefono"/><br/>
<input type="button" id="btn1" value="enviar"/>
</form>
<script>
$(document).ready(function(){
var data_send = $('#formulario').serialize();
$('#btn1').on('click', function(){
$.post('script_1.php', data_send,function(){
alert('La informacion fue recibida por el archivo 1');
});
$.post('script_2.php',data_send,function(){
alert('La informacion fue recibida por el archivo 2');
});
return false;
});
});
</script>
ionatan
Mesaje: 94
Multumesc, functioneaza dar nu pot sa-l adaptez la ce vreau
Am acest formular in care rezultatul se afiseaza cu ajax
Cod: Selectaţi tot
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<form method='POST' name="ajaxform" id="ajaxform" action="rezultat-calcul-celuloza.php">
<td> Suprafata (mp): </td>
<td><input type='text' class='suprafata' name='suprafata' value=''> </td> <br>
<input type='button' value='CALCULEAZA' class='boton' name='boton' id='simple-post' > </td>
<div id="simple-msg"> </div>
</form>
<script>
$(function() {
$(".boton").click(function(){
$("#ajaxform").submit(function(e)
{
var postData = $(this).serializeArray();
var formURL = $(this).attr("action");
$.ajax(
{
url : formURL,
type: "POST",
data : postData,
success:function(data, textStatus, jqXHR)
{
$("#simple-msg").html(''+data+'');
},
});
e.preventDefault(); //STOP default action
e.unbind();
});
$("#ajaxform").submit(); //SUBMIT FORM
});
});
</script>
Acuma as vrea sa mai adaug la acest cod un action, adica la apasarea butonului CALCULEAZA imi afiseaza raspunsul prin ajax si sa mai trimita formularul la o alta pagina (script_2.php) sa fie procesat dar sa nu apara in browser nimic, eventual un alert ( La informacion fue recibida por el archivo 2 )
Multumesc mult
MarPlo
Mesaje: 4343
Incearca acest cod:
Cod: Selectaţi tot
<form method='POST' name="ajaxform" id="ajaxform" action="zz.php">
<td> Suprafata (mp): </td>
<td><input type='text' class='suprafata' name='suprafata' value=''> </td> <br>
<input type='button' value='CALCULEAZA' class='boton' name='boton' id='simple-post' > </td>
<div id="simple-msg"></div>
</form>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
$(function() {
$('.boton').click(function(){
$.ajax({
url : $('#ajaxform').attr('action'),
type: 'POST',
data : $('#ajaxform').serializeArray(),
success:function(data, textStatus, jqXHR){
$('#simple-msg').html(data);
//send form data to script_2.php
$.ajax({
url : 'script_2.php',
type: 'POST',
data : $('#ajaxform').serializeArray(),
success:function(data, textStatus, jqXHR){
alert('Data sent to script_2.php');
}
});
}
});
return false;
});
});
</script>
Subiecte similare
-
Regex pentru adrese
PHP - MySQL - XML
Primul mesaj
Salut,
As avea si eu nevoie de ajutor! incerc de ceva zile sa dezvolt un regex/ sau o alta solutie, sa vad daca intr-un string mai mare exista o...
Ultimul mesaj
Ai putea folosii o functie de localizare IP/browser, dar ar fii ceva individual, facusem eu in trecut o functie, ceva de verificare IP si blocare pe...
-
Resetare input type text dupa submit
JavaScript - jQuery - Ajax
Primul mesaj
Dupa ce dau enter sau click si a trimis mesajul nu mii se reseteaza input textul,imi trmite catre mysql fara reload incarca textul prin div dar nu...
Ultimul mesaj
\Multumesc, codul din raspunsul tau functioneaza
-
Produsul Dot a doua array in Javascript
JavaScript - jQuery - Ajax
Primul mesaj
Cum se poate implementa eficient o metoda dotProduct (pentru a obține produsul Dot din două array) fără a importa alte biblioteci Javascript?
De...
Ultimul mesaj
Iată o metodă.
Se foloseste funcția map() pentru a crea un nou array cu rezultate înmulțite ale fiecărui index, apoi se aplica funcția reduce()...
-
Post cu Ajax in modal
JavaScript - jQuery - Ajax
Primul mesaj
Bună ziua,
Vreau să trimit în aceeași pagină dar în modal două id-uri. Prin alert(id) îmi arată conținutul postului trimis dar în modal nu imi...
Ultimul mesaj
Nu prea inteleg mecanismul si ce anume nu functioneaza.
Oricum, daca functioneaza cand pui manual id-ul, poate ca problema e de la php.
Trebuie sa...
-
Ordine de executie cu jQuery-AJAX
JavaScript - jQuery - Ajax
Primul mesaj
Am acest cod (ajax este asincron):
function echoHello(){
return $.ajax({
//this will return hello ;
});
}
function echoWorld(){
return world...
Ultimul mesaj
Ajax face un apel către serverul web și este asincron. Nu știi cât va dura pana la raspuns. Este la fel ca:
setTimeout(_ => {...
-
Ajax fade mesaj si redirect dupa un timp
JavaScript - jQuery - Ajax
Primul mesaj
Am codul asta si vreau in loc de input type=button sa fie submit, dar sa imi dea fade la fel in 5 secunde de cand apare eroarea.
Daca schimb cu...
Ultimul mesaj
Am rezolvat,multumesc frumos de ajutor