0

我有以下代码：

<?PHP

  if (isset($_POST['submit'])) {
    header("Location: http://mysite.com");
  }

?>

<form name="form1" action="" method="post"> 
  Name: <input name="name" type="text"> 
  <input type="submit" value="submit" name="submit">
</form>

问题是当我提交表单时，重定向到 mysite.com 需要很长时间，5-10 秒。我想显示一个消息“正在加载...请稍候”，然后显示一个动画图像，以便我知道正在发生一些事情。

我如何在 javascript och ajax 中进行操作？

4

3 回答 3

1

我不知道这是否可能（但我不这么认为）但你可以添加 exit(); 在设置标题之后，脚本的其余部分不会执行并发送到浏览器。这样可以减少一点时间。

您可以尝试使用 javascript 而不是 http 标头进行重定向。

<?php if (isset($_POST['submit'])): ?>
<script>
  alert('Loading... Please wait');
  document.location.href = 'http://mysite.com';
</script>
<?php endif; ?>
于 2012-05-31T08:56:24.497 回答
0

你应该有这样的东西加载有图像 GIF 移动直到 ajax 请求结束然后加载变为隐藏结果在屏幕上显示数据库结果网格搜索

<tr valign="top">
        <td id="results" colspan="8" align="center" width="100%" height="250px">
    </td>
</tr>

<tr valign="top" id="loading" style="display:none;">
    <td colspan="8" width="100%" align="center">
      <img name="loading_image" src="images/loading.gif" border="0" width="214" height="200">
    </td>
</tr>



function search(tableEvent){
              try
              {

                  document.getElementById('loading').style.display="";

                  var params = 'formAction=' + document.mainForm.formAction.value;
                  params += '&tableEvent=' + tableEvent;
                  params += '&txtActionDivisionDesc=' + document.mainForm.txtActionDivisionDesc.value;

                  createXmlHttpObject();

                  sendRequestPost(http_request,'Controller',false,params);

                  ValidationResult();
              }
              catch(e)
              {

                  alert(e.message);
              }

          }


function ValidationResult()
          {
              try
              {
                  if (http_request.readyState == 4)
                  {
                      var errors = http_request.responseText;
                      errors = errors.replace(/[\n]/g, '');

                      if (window.ActiveXObject)
                      {// code for IE
                          xmlRecords=new ActiveXObject("Microsoft.XMLDOM");
                          xmlRecords.loadXML(errors);
                      }
                      else
                      {
                          xmlRecords=document.implementation.createDocument("","",null);
                          parser=new DOMParser();
                          xmlRecords=parser.parseFromString(errors,"text/xml");
                      }

                      document.getElementById('loading').style.display="none";

                      document.getElementById('results').innerHTML = errors;

                      http_request = false;
                  }
              }//end try
              catch(e)
              {
                  document.getElementById('results').innerHTML = errors;
                  return;
              }
          }
于 2012-05-31T09:01:11.740 回答
0

5-10 秒提交页面。首先要弄清楚为什么要花这么多时间。

无论如何，如果您只想在按下提交按钮时看到一些消息，那么您可以简单地添加任何 div（最初是隐藏的）。单击提交按钮后，您可以显示此 div。

查看示例代码：

<?PHP

  if (isset($_POST['submit'])) {
    header("Location: http://mysite.com");
  }

?>

 <div id='loadingDIV' style='display: none;'></div>

<form name="form1" action="" method="post"> 
  Name: <input name="name" type="text"> 
  <input type="submit" value="submit" name="submit" onclick='showLoadingAndSubmit();'>
</form>

    function showLoadingAndSubmit(){
        document.getElementById ('loadingDIV').innerHTML = 'Form submitting. Please wait...';
document.getElementById ('loadingDIV').style.display = 'block';
        return true;
    }
于 2012-05-31T09:04:34.767 回答