上传文件后如何保持在同一页面上并在jquerymobile中单击Submit

Question

单击提交按钮后，我正在上传文件，页面将导航至.php文件并获得成功消息。 但是我想在不使用ajax的情况下单击提交按钮后留在同一页面上。 请帮我。 谢谢。

  HTML code:

  <div id="videos" class="uploadVideos" >
  <form name="uploadForm" action=".../videoApp/services/upload.php"   
  id="uploadForm" onsubmit="return validateForm()" method="POST" data-transition="pop"
  data-direction="reverse" data-ajax="false" data-push-state="false" target="_self"  
  enctype="multipart/form-data" >

    <input type="hidden" name="familyID"  />
    <input type="hidden" name="name" />

     <label for="file"><b>Add Videos: </b></label>
     <input type="file" name="file" id="file" required />
    <input type="submit" value="Upload" id="videoUpload" data-icon="check" data-role="button"  
      data-theme="e" />
      </form>
     </div>

Answer 1

为此，您必须使用AJAX调用，因为这是动态发布表单而无需重新加载页面的唯一方法。 在onsubmit您可以调用类似post_form();的函数post_form(); 包含这样的代码：

function post_form(e){   
    var formData = new FormData($('#uploadForm')[0]);   
    $.ajax({  
        url: ".../videoApp/services/upload.php",  
        type: 'POST',   
        data: formdata,
        processData: false,
        contentType: false,
        success: function (data) {  
            alert(data); 
        }  
    });  
}