Ver Mensaje Individual
  #1 (permalink)  
Antiguo 27/09/2012, 13:52
Avatar de maximendez88
maximendez88
 
Fecha de Ingreso: septiembre-2012
Ubicación: Montevideo
Mensajes: 131
Antigüedad: 8 años, 4 meses
Puntos: 3
cargar en la base de datos sin recargar con ajax

Buenas, cuento rapidamente mi problema... necesito insertar datos en mi base de datos mysql sin hacer un submit ya que si lo hiciera, perderia una ruta que hago con google maps. Para esto he oido por ahi que necesitaria insertar los datos mediante Ajax... soy nuevo en el tema.... manejo muy bien php, pero esta es la primera vez que me encuentro con un problema de este tipo.... espero que alguien me pueda dar una mano de como puedo hacer.... para utilizar mi php... sin tener que recargar la pagina..... saludos... dejo mi form para ver si mas o menos se entiende lo que quiero hacer....



Código HTML:
           
           <form action="addCity.php" id="add" name="addCity" method="post">
           
           <center>
           
           <table>
   




<tr>

<td>Selected City:</td>

<td><input type="text" id="city" readonly="readonly" style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:bold; color:#F00; font-size:16px;" /></td>



</tr>






   
   
    <tr>
   
   

   
    <td>Arrival Date:
    <br/>
    <input type="text" id="datepicker_value" name="arrival"  readonly="readonly"/>
    
    </td>
    
    <td><div id="datepicker"></div></td><td></td>
    
    </tr>
   
   
    <tr>
    <td>Departure Date: 
    <br/>
    <input type="text" id="otrodatepicker_value" name="departure" readonly="readonly" />
    
    </td>
    <td><div id="otrodatepicker"></div></td><td></td>
    </tr>
   
   <tr>
   
   
   <tr>
   
   <td>Comment:</td>
   
   <td><input type="textarea" id="comment" name="comment" style="width:300px; height:200px;" /></td>
   
   
   
   
   </tr>
   
   
   
   <tr>
   
    <td></td>
    <td>
    <br/>




</td>
    
    </tr>
    
    
    
    <tr>
    <td></td>
    
    <td align="center" class="style1"><input type="button" value="Save City"  id="savecity" onclick="save()" disabled="disabled" /></td>
    </tr>
    
    
    
    
    
    
    
    
    
    
   
    </table>
   
   
    </center>