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();的函数，其中包含如下代码：

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

如何在上传文件后保持在同一页面并单击jquery mobile中的提交

1 个答案: