我有这样的表格:
<form action='???' method='post' name='contact'> <input type="text" class="inputContact" name="mittente" /> <textarea class="textContact" name="smex"></textarea> <input type="submit" value="Send" /> </div> </form>
我想异步发送这些数据,使用jQuery函数$.ajax。
$.ajax
编辑:与解决方案:
<form name='contactForm'> <input type="text" class="inputContact" name="mittente" /> <textarea class="textContact" name="smex"></textarea> <input type="submit" value="Send" /> </form> <script type="text/javascript"> $(document).ready(function() { $('form[name=contactForm]').submit(function(e){ e.preventDefault(); $.ajax({ type: 'POST', cache: false, url: './ajax/header_ajax.php', data: 'id=header_contact_send&'+$(this).serialize(), success: function(msg) { $("#boxContentId").html(msg); } }); }); }); </script>
$('form[name=contact]').submit(function(){ // Maybe show a loading indicator... $.post($(this).attr('action'), $(this).serialize(), function(res){ // Do something with the response `res` console.log(res); // Don't forget to hide the loading indicator! }); return false; // prevent default action });
看到: