ajax 2.0 使用语法

最新推荐文章于 2025-12-05 11:24:16 发布

原创最新推荐文章于 2025-12-05 11:24:16 发布 · 883 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax

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

<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();
        }
      })
    })