不使用插件,如何实现无刷新上传文件?

我吃炸土豆
浏览 1481回答 1
1回答

小白师兄

说说思路吧:无刷新上传文件,利用ajax技术,将文件通过post的形式传给后台,在success的回调函数中对当前进行刷新就行!这里有个表单的样例,都是一样的,你看看:$(function(){    $('#send').click(function(){         $.ajax({             type: "POST",             url: "test/demo",             data: {username:$("#username").val(), content:$("#content").val()},             dataType: "json",             success: function(data){                         $('#resText').empty();   //清空resText里面的所有内容                         var html = '';                         $.each(data, function(commentIndex, comment){                               html += '<div class="comment"><h6>' + comment['username']                                         + ':</h6><p class="para"' + comment['content']                                         + '</p></div>';                         });                         $('#resText').html(html);                      }         });    });});这样,只要成功后就会无刷新的更新页面!当然这个用了jquery,如果想用纯javascript,可以百度一下,demo一大堆!思路都是一样的
打开App,查看更多内容
随时随地看视频慕课网APP