開發工具與關鍵技術: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...