Pagina 1 din 1

Submit form cu Ajax la doua adrese php

Scris: Joi Apr 21, 2016
de ionatan
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>

Submit form cu Ajax la doua adrese php

Scris: Joi Apr 21, 2016
de MarPlo
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>

Re: Submit form cu Ajax la doua adrese php

Scris: Vin Apr 22, 2016
de ionatan
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

Submit form cu Ajax la doua adrese php

Scris: Vin Apr 22, 2016
de MarPlo
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>