ホームページ > ウェブフロントエンド > jsチュートリアル > js は、Post オペレーション (createElement) を実装するための HTML 要素を動的に生成します_javascript スキル

js は、Post オペレーション (createElement) を実装するための HTML 要素を動的に生成します_javascript スキル

WBOY
リリース: 2016-05-16 15:39:32
オリジナル
1332 人が閲覧しました

場合によっては、データを別のページに投稿する必要がある場合、フォームを作成する必要があります

<form id="postform" name="postform" method="post">
<input name="msg" value=""/>
</form>
ログイン後にコピー

コードをコピーします コードは次のとおりです:

document.write("<フォーム ..."
//document.write("" );

ページにヒットしたフォームはオブジェクトではなく文字列であるため、次の js で送信しても機能しません

//  theForm.action = "http://msg.baihe.com/tortoise/pages/tortoise/sm_gb2312.jsp&#63;ReturnURL="+strReturnURL;
//  document.getElementById("Pathid").value="3070";
//  document.getElementById("Title").value="你好!";
//  document.getElementById("Content").value="我把你设为重点关注了,咱们聊聊吧:)";
//  document.getElementById("CloseWindow").value="1";
ログイン後にコピー

そのため、次のメソッドを使用してフォーム オブジェクトを自分で動的に作成する必要があります:

var form_feedback = document.createElement("form");
  document.body.appendChild(form_feedback);
    
  var i = document.createElement("input");
  i.type = "hidden";
  i.name = "Title";
  i.value = "你好!";
  form_feedback.appendChild(i);
  
  
  var j=document.createElement("input");
  j.type="hidden";
  j.name="Content";
  j.value="我把你设为重点关注了,咱们聊聊吧:)";
  form_feedback.appendChild(j);
  
  var hiddenIframe=document.createElement("iframe");
  hiddenIframe.src="about:blank";
  hiddenIframe.name="hiddenFrame";
  hiddenIframe.id="hiddenFrame";
  hiddenIframe.width="0";
  hiddenIframe.height="0";
  hiddenIframe.frameborder="0";
  form_feedback.appendChild(hiddenIframe);
  
  
  form_feedback.action = "http://msg.baihe.com/tortoise/pages/tortoise/sm_gb2312.jsp&#63;ReturnURL=";
  form_feedback.target = "hiddenFrame";
  form_feedback.method = "post";
  form_feedback.submit();
ログイン後にコピー
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート