jQuery可以被用來提交表單中的日期或者文件。
要提交文件,需要創建一個表單來選擇文件,然后使用jQuery來發送表單數據。下面是一個提交文件的示例:
$("form").submit(function(event) {
event.preventDefault();
var formData = new FormData($(this)[0]);
$.ajax({
url: 'upload.php',
type: 'POST',
data: formData,
async: false,
cache: false,
contentType: false,
processData: false,
success: function(data) {
alert(data);
}
});
});
首先,我們阻止表單的默認行為,然后創建一個FormData對象來存儲表單數據。我們使用$.ajax()方法來發送表單數據到服務器。在這個方法中,我們設置了許多選項:
url
- 要發送到的服務器端腳本type
- HTTP請求類型(POST或GET)data
- 要發送到服務器的數據(在我們的例子中,就是表單數據)async
- 該請求是否異步處理(默認為true
)cache
- 是否從瀏覽器緩存中讀取GET請求(默認為true
)contentType
- 發送數據的編碼類型(在我們的例子中,這個參數設為false,表示讓瀏覽器自動設置編碼類型)processData
- 是否自動處理數據(在我們的例子中,這個參數設為false,表示不進行處理)success
- 成功時回調函數
最后,在success回調函數中,我們彈出一個提示框來顯示服務器返回的數據。