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>