jquery ajax上传
时间: 2023-12-06 22:38:10 浏览: 33
以下是使用jQuery Ajax上传文件的示例代码:
```javascript
$(document).ready(function() {
$('#upload-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(response) {
alert('文件上传成功!');
},
error: function(jqXHR, textStatus, errorThrown) {
alert('文件上传失败!');
}
});
return false;
});
});
```
在上面的代码中,我们首先使用jQuery选择器选中了一个表单元素,然后给它绑定了一个submit事件。在事件处理函数中,我们首先调用了event.preventDefault()方法,阻止了表单的默认提交行为。接着,我们创建了一个FormData对象,将表单元素作为参数传入,这样就可以获取到表单中所有的数据。然后,我们使用$.ajax()方法发送了一个POST请求,将FormData对象作为数据参数传入。请求中,我们设置了async、cache、contentType和processData等参数,这些参数的作用分别是:异步请求、禁用缓存、禁用jQuery对请求数据的默认处理、禁用jQuery对返回数据的默认处理。最后,我们在success和error回调函数中分别处理了请求成功和请求失败的情况。