ajax json文件上传

AJAX和JSON技术在Web开发中已经越来越常见了，其中一个主要的应用之一就是文件上传。在传统的文件上传中，我们必须要提交一个表单，并在后台使用特定的语言（如PHP）来处理上传文件。但是，使用AJAX和JSON技术可以大大提高文件上传的可用性和用户体验。

$('#file').on('change',function() {
    var file_data = $('#file').prop('files')[0];   
    var form_data = new FormData();                  
    form_data.append('file',file_data);
    $.ajax({
        url: 'upload.PHP',dataType: 'text',cache: false,contentType: false,processData: false,data: form_data,type: 'post',success: function(response){
            console.log(response);
        },error: function(xhr,ajaxOptions,thrownError){
            console.log(xhr.status);
            console.log(thrownError);
        }
    });
});

上面的代码展示了如何使用AJAX上传文件。首先，我们需要获取到上传的文件，然后使用FormData对象将文件数据添加到表单中。接下来，我们使用$.ajax方法进行文件上传。在这里，我们需要设置一些选项：

• url：指定处理上传文件的后台脚本。
• dataType：指定返回的数据类型。
• cache：指定是否缓存上传数据。
• contentType：指定上传文件的类型。
• processData：指定是否处理上传的数据。
• data：指定上传的数据。
• type：指定请求的类型。

当上传成功时，我们可以在控制台输出响应数据。否则，我们将会得到相应的错误信息。

总的来说，AJAX和JSON技术使得文件上传更加简单、高效、可靠。通过使用它们，我们可以提升Web应用的用户体验。