2016-04-05 6 views
-1

この情報を私のオフラインJavascriptデータベースに、その後私のオンラインPHP mysqlデータベースに提出したいと思います。どのように私は両方のフォームを持っていますか?あなたはJavascriptを使用してフォームを送信することができ、あなたのスクリプトを実行し終了した後 offlinetables.js 2つの場所にHTMLフォームを提出する方法= Java Script and PHP?

<form id="mycontact"> 
    <fieldset> 
     <legend>Your details</legend> 
     <ol> 
      <li> 
       <label for="username">Name</label> 
       <input id="username" type="text" placeholder="First and last name"> 
       <input type="hidden" id="id"/> 
      </li> 

     </ol> 
    </fieldset> 
    <button id="submitButton" type="submit">SAVE</button> 
</form><br /> 
<div id="results"></div> 
</body> 
+1

私はあなたがクライアント側とサーバー側のコードがどのように動作するのか誤解していると思います。 PHPファイルをそのような '

1

使用jqueryの:

$("#my-form").submit( function (eForm) { 


    eForm.preventDefault(); 
    var form_dat = new FormData(this); 

$.ajax ({ 

    type: "POST", 
    url: "formserver.php", 
    mimeType:"multipart/form-data", 
    data: form_dat, 
    cache: false, 
    contentType:false, 
    processData:false, 
    success: sucFunc 



}) 

}) 

あなたは、あなたが望む限り多くの提出を行うための機能をチェーンすることができます。

1

FormDataのjavascriptオブジェクトを使用すると、フォームのonsubmit呼び出しでAJAXサブミットを実行できます。あなたのフォームの設定をPHPに正常に提出してから、javascriptの処理を追加してください。あまりにも多くの詳細に陥ることなく、このようなものを試してみてください。 falseを返すかevent.preventDefault();をしていないことで

document.getElementById('mycontact').onsubmit = function(){ 
    var formData = new FormData(this); 
    var url = "example.php"; //your url here 
    var xmlhttp = new XMLHttpRequest(); 
    xmlhttp.open("POST",url,true); 
    xmlhttp.send(formData); 
}; 

、フォームは通常通りに提出しなければなりません。

関連する問題