Submit form cu Ajax la doua adrese php

Discutii si intrebari legate de scripturi si functii JavaScript, jQuery si Ajax, cod JavaScript in general.
Avatar utilizator
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>
Cumpără adevărul, şi nu-l vinde, înţelepciunea, învăţătura şi priceperea.
https://www.crestinmultimedia.com/

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
Cumpără adevărul, şi nu-l vinde, înţelepciunea, învăţătura şi priceperea.
https://www.crestinmultimedia.com/

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