ajax 2.0 使用语法

AnyTimeStrongKing

于 2018-05-16 09:05:35 发布

阅读量869

点赞数

CC 4.0 BY-SA版权

文章标签： ajax

本文链接：https://blog.youkuaiyun.com/AnyTimeStrongKing/article/details/80332068

本文介绍了一个使用 Ajax 实现的文件预览功能，通过 FormData 和 XMLHttpRequest 发送文件到服务器，并获取预览链接显示在页面上。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script>
  //ajax2.0
    $("#feature").change(function(){
      var formData = new FormData();
      formData.append('preview',this.files[0]);
      $.ajax({
        url:'http://www.baixiu.com/admin/API/06.imgPreview.php',
        data:formData,
        type:'post',
        processData:false,//不自动格式化数据
        contentType:false,//不自动设置请求头
        success:function(backData){
          console.log(backData);
          $('.help-block').attr('src',backData).show();
        }
      })
    })