jquery ajax无刷新页面上传

<script type="text/javascript" src="assets/js/jquery-1.8.1.min.js"></script>
<script>
   function form_up(){
       $.ajax({
             url:"**.action",
             data:$("#form_one").serialize(),
             type:"post",
             success:function(data){
                alert("成功");
             },
             error:function(){
                alert("失败");
             }
        });
    }  
</sctipt>  
<form id="form_one" method="post">
    <input type="text" name="**">
    <input type="button" onclick="form_up()">
</form> 

<script type="text/javascript" src="assets/js/jquery-1.8.1.min.js"></script>
   <script type="text/javascript">
    function upfile(){
        var form_two = document.getElementById("form_two");
        var fd_file =new FormData(form_two);
            $.ajax({
             url:"**.action",
             data:fd_file ,
             type:"post",
             contentType:false,
             processData:false
            }).done(function(){
                alert("成功");
            }).fail(function(){
                alert("失败");
            });
    } 
  </script>
  <form id="form_two" method="post">
      <input type="file" name="**">
      <input type="button" onclick="upfile()">
  </form>