0

ファイルアップロードフォームを作成しました。データをアップロードすると同時に、そのページのdivをBOOTMETROテーマによって提供される読み込み中のanimatoinに置き換えるajax呼び出しをしたいと思います。ファイルアップロードとAjaxの両方が別々にうまく機能しています。しかし、私はワンクリックで両方が欲しいです。

したがって、送信ボタンを1回押すと、次のようになります。1）AJAXがページの分割を置き換える必要があります。2）ファイルのアップロードが正常に開始されます。

私のHTMLフォームは： 

<input name="file" type="file" class="btn btn-info" id="file" /><br/>

<button type="submit" value="Submit" name="submit" onclick="submit()">Submit File</button>
 </form>

AJAXパート

function submit()
    {
var xmlhttp;

    if (window.XMLHttpRequest)
      {// code for IE7+, Firefox, Chrome, Opera, Safari
      xmlhttp=new XMLHttpRequest();
      }
    else
      {// code for IE6, IE5
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
      }


    xmlhttp.onreadystatechange=function()
      {
      if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
          document.getElementById("fetchLoading").innerHTML=xmlhttp.responseText;
        }
      }

    xmlhttp.open("GET","loading.php" ,true);
            xmlhttp.send();
    xmlhttp.open("GET","upload_process.pgp",true);
    xmlhttp.send();
    }

助けてください！またはテクニックを提案します。（ブートメトロを使用していて、ファイルがアップロードされてページが待機モードになるまで、ファイル内のajaxからdivにそのロードをロードしたい）

4

1 に答える 1

1

最初に AJAX 呼び出しを送信する必要があり、応答を受信したらプログラムでファイルのアップロードをトリガーします。

したがって、送信ボタンは次のようになります。

<button type="submit" value="Submit" name="submit" onclick="return submit()">Submit File</button>

フォームの送信を防ぐために、submit関数を返す必要があります。false次に、AJAX 応答内でフォームを送信します。

document.myform.submit();

myformフォームの名前に置き換えます。

于 2013-03-18T07:36:52.300 に答える