フォームはAjaxを使用して提出しますか？

Question

私のフォームが提出し、私はaJaxを使用しているべきではありませんか？私は、フォームタグを削除し、formタグを閉じた場合、それは動作しますが、

$('#savebutton').click(function() { 
preventDefault(); 
var val1 = $('#rsPubName').val(); 
var val2 = $('#address').val(); 
var val3 = $('#rsLat').val(); 
var val4 = $('#rsLong').val(); 
var val5 = $('#add2').val(); 
var val6 = $('#rsTown').val(); 
var val7 = $('#rsCounty').val(); 
var val8 = $('#rsPostCode').val(); 
var val9 = $('#region').val(); 
var val10 = $('#PremisesType').val(); 
var val11 = $('#rsTel').val(); 
var val12 = $('#rsWebsite').val(); 
var val13 = $('#rsAboutpub').val(); 
var val14 = $('#img1').val(); 
var val15 = $('#offer1').val(); 
$.ajax({ 
    type: 'POST', 
    url: 'addpub-script.php', 
    enctype: 'multipart/form-data', 
    data: { rsPubName: val1, address: val2, rsLat: val3, rsLong: val4, add2: val5, rsTown: val6, rsCounty: val7, rsPostCode: val8, region: val9, PremisesType: val10, rsTel: val11, rsWebsite: val12, rsAboutpub: val13, img1: val14, offer1: val15}, 
    success: function(response) { 
     $('#result').html('<div class="alert alert-success alert-dismissible" role="alert"><button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button><strong>New venue added!</strong> Why not <a href="#top" class="alert-link">add another?</a></div>').fadeIn() 
    } 
}); 
}); 

Answer 1

preventDefault();画像をアップロードしないeventオブジェクトのメソッドです。それは次のようになります。eventはjQueryので事前に入力パラメータに渡され

$('#savebutton').click(function(event) { 
    event.preventDefault(); 
    ... 
}); 

。 this pageを参照し、4番目の方法をダウンします。