表單使用Ajax提交？

-1

我的表單提交，它不應該像我使用ajax？如果我刪除的形式標記和結束表單標籤，然後它工作，但不上傳圖片表單使用Ajax提交？

$('#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() 
    } 
}); 
});

來源

2016-04-25 jarv81178

-1

preventDefault();是event對象的一個方法。它應該是：

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

其中event是由jQuery的預填充參數傳遞。請參閱this page和第四種方法。

來源

2016-04-25 20:29:36 War10ck

注意評論這是怎麼回事？ – War10ck

謝謝，表單現在提交，但圖像不上傳 – jarv81178

@ user2924961很高興提交表單。關於上傳問題，這應該是一個單獨的問題。但是，我會說我以前遇到過麻煩。 Ajaxing文件可能有點棘手。由於您已經在使用jQuery，因此您可能對此感興趣：http：//malsup.com/jquery/form/ plugin，它爲您提供了這種功能，甚至對不支持瀏覽器的ijaxing的iFrame回退文件。 – War10ck

表單使用Ajax提交？

回答

相關問題