用AJAX 2.0リッチテキストエディタのコンテンツ、文字列、ファイルなどをアップロード
1089 ワード
ステップ1 form準備
formのaction、methodなどの情報を削除し、submitを通常のbuttonに変更します(これらの設定はクリック時にページをリフレッシュします)
ステップ2[コミット]機能ボタンのクリックイベントの登録
イベント関数本体はAjax 2である.0ファイルのコミット
ステップ3バックグラウンドインタフェースphpで記憶データを受信する
formのaction、methodなどの情報を削除し、submitを通常のbuttonに変更します(これらの設定はクリック時にページをリフレッシュします)
ステップ2[コミット]機能ボタンのクリックイベントの登録
イベント関数本体はAjax 2である.0ファイルのコミット
// 2.1
var xhr = new XMLHttpRequest();
// 2.2 (get url )
xhr.open('post',' /php');
// 2.3 (ajax2.0 )
// 2.4
xhr.onload = function(){
;
}
// 2.5 (form )
var sendData = new FormData(document.querySelector('form'));
//WangEditor div , sendData
sendData.append(‘content’, editor2.txt.html());
// 2.6 (get null;post )
xhr.send(sendData);
ステップ3バックグラウンドインタフェースphpで記憶データを受信する