我有一个表格，如：
<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。
编辑：与解决方案：
<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
});
看到：
