我正在嘗試制作一個表單,該表單從用戶那里獲取檔案并在 url 中發布并使用XMLHttpRequest. 但它不以這種方式作業。
我的所有代碼都在這里 => https://codepen.io/mrbotdeveloper/pen/YzrWegj(我不宣傳任何東西,請幫忙)
因此,當用戶按下上傳按鈕時,頁面會自動重新加載,并且不會在鏈接上發布資料。
請幫助擺脫它。
提前致謝。
I am a beginner in Web Developement. So, please help me.
uj5u.com熱心網友回復:
嘗試改變
<button class="btn rounded" onclick="checkFile('${file}')".在注入的 HTML 中
<button type="button" class="btn rounded" onclick="checkFile('${file}')">默認的按鈕型別是“提交”。
或者洗掉
<form></form>按鈕元素周圍的標簽對 - 您似乎沒有使用表單。考慮使用整個視口作為拖放區。如果用戶將檔案放置在較小的區域之外,并且瀏覽器識別出檔案型別,則它可能會加載放置的檔案來代替您的網頁。
按照 XHRRequest
response和responseTypeMDN 上的檔案(或搜索重復問題)獲取服務器回傳的 JSON 資料。也就是說
XRH.responseType在發送之前將其設定為“json”。接收后重新檢查回應的示例代碼:function getResponse(XHR) { // XRH = XHRHTMLRequest object if(XHR.responseType == "json") { return XHR.response; } if( XHR.responseType == "text" || !XHR.responseType) { return JSON.parse(XHR.Rresponse); } throw TypeError("XHR response type is not JSON"); }
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/378977.html
標籤:javascript css 阿贾克斯 xmlhttp请求 代码笔
上一篇:js和css沖突問題?
