原始的JS非同步提交

2021-09-24 19:53:14 字數 1247 閱讀 5597

開發工具與關鍵技術:visual studio asp.net mvc

原始的js非同步提交
上傳檔案不像傳遞乙個id值或字段值一樣可以使用post()、get()提交。那麼將要儲存一張怎麼辦?

那就要使用到原生的js非同步提交了。既然關係到原生的**,在我們初學者的印象裡,原生的**都不是很易懂,也不是很簡潔。而原生的js非同步提交不一樣,相對來說也是很好理解。js非同步提交的非同步提交主要分為四個步驟,1.建立物件。2.上傳檔案。3.對請求做出響應。4.進行讀取。

下面是上傳檔案的**:

新增附件

1.4 開啟 選擇附件的文字框

function openupattachmentfile()
在獲取選擇的檔案時,不是用val(「files」):而是用prop(「files」);

var files = $(』#getattachmentfile』).prop(「files」);

一般我們在上傳檔案的大小都不會超過20m,所以要給它加個限制(files[0].size <= 20 * 1024 * 1024)。各種判斷完成之後就可以進行原生的非同步提交了。

function upattachmentfile()

); } else );}};

//上傳失敗事件

xhr.onerror = function (event) );

}; //上傳進度---會不斷被呼叫

xhr.upload.onprogress = function (event)

}; //上傳檔案一定要用post方式提交

xhr.open("post", "/systemmanagements/issuancenotice/uploadattachment");

//開啟載入層

layerindex = layer.msg('上傳中...', );

//傳送資料

xhr.send(fd);

//清除掉目前的值,避免無法連續上傳相同檔案的問題(onchange事件的原因)

$('#getattachmentfile').val("")

} else );

}} else );

}}

還有個重點:上傳檔案一定要用post方式提交。

JS實現非同步提交

xmlhttprequst的作用 在頁面已載入後從伺服器請求資料 在頁面已載入後從伺服器接收資料 在後台向伺服器傳送資料 若出現failed to execute setrequestheader on xmlhttprequest the object s state must be opened...

js非同步提交form表單的解決方案

1.定義非同步提交表單的方法 通用方法 非同步提交form表單 param options 注意 後台接收引數要解碼否則中文會導致亂碼 如 urldecoder.decode param,utf 8 應用場景 需要用在form 的 onsubmit事件當中,並且確保方法最後恆久返回false ret...

jQuery非同步提交

引用jquery檔案 呼叫js function check if document.getelementbyid x pwd value if document.getelementbyid x yanzheng value post chuli login.aspx resultss retur...