2016-01-05 31 views
0

我花了兩天的時間嘗試編寫一些能夠讓我通過AJAX上傳文件的東西,現在我非常接近我實際想要做的事情,我可以通過AJAX上傳文件,但是這個想法的完整點是我可以上傳文件,無需刷新頁面,現在刷新我的網頁和我不知道如何解決它... 這是我現在的JSAJAX刷新頁面的一部分爲什麼不能正常工作?

和我的形式看起來像這樣

<form class="profilovka" role="form" id="profilovka" method="post" enctype="multipart/form-data" > 
    <tr> 
     <td><label for="subor">Nahraj profilovku:</label></td> 
     <td><input type="file" name="subor" id="subor"></td> 
     <td><button type="submit">Save</button</td> 
    </tr> 
</form> 

將行代碼$('#nove')。load(document.URL +'#nove');應該這樣做,在不同的Ajax方法中,我認爲這個錯誤是在我的表單方法中,並且我已經在那裏提交按鈕,所以我試圖讓它像button一樣,並給它一個onclik =「method()」,我讓我的JS看起來像函數方法(){ 你可以看到當前的JS代碼},但在這種情況下,腳本沒有做任何事情......有沒有簡單的方法來做到這一點?感謝您的幫助

+0

爲什麼不用[tag:jquery]標記它? –

+0

順便說一句,這是一個無效的HTML代碼,因爲您不能在'

'內直接包含''。 –

+0

你用jquery標記它是什麼意思?我很抱歉,我現在正在用jquery/javascript進行操作三四天,所以我不得不進行大量搜索來編寫我現在使用的代碼,並且在六天內,我的頁面必須完成時纔有一個專用名稱。 。我還有一些細節需要我去做 – eraz

回答

0

您需要將return false;添加到您的提交處理程序,以防止自動提交表單。

+0

onsubmit =「nahraj(); return false;」我寫了這樣的東西,頁面不刷新,但我的腳本現在不工作 – eraz

0

的submitHandler回調的第一個參數是事件,你需要做的this

submitHandler: function (event) { event.preventDefault() // And the rest of the code }

P.S:請對上帝的愛不使用表格。

+0

所以我刪除了行submitHandler:function(form),我用你寫的代碼和剩下的代碼替換它,但是頁面是仍然令人耳目一新,我做錯了什麼? – eraz

+0

在JSFeedle中似乎很好。我不知道哪個插件提供了validate函數,所以我用jQuery的內置提交函數替換了它。 https://jsfiddle.net/0kbmq73m/ – MahdiPOnline

+0

該腳本的作品,但網頁仍在刷新,我對此已經瘋了:(每當我找到某事或某人在這裏發佈某些東西時,我很高興這會起作用,而不會再失望...感謝您的建議 – eraz

相關問題