重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら＞

電子書籍の厳選無料作品が豊富！

おしえて

javascript による POST 送信時に、ページ遷移をしない方法について

解決済

  • 質問者：jussmen_1979
  • 質問日時：
  • 回答数：1件

あるページを開くと、そのページ内の情報を取得し、ボタンクリックで任意のサーバにPOSTを送るプログラムを作りたいと考えています。ボタンクリック時に現在のページに留まりユーザは閲覧を続けることは出来るでしょうか？　下記のコードだと、POSTレスポンスを受け取るとブラウザがレスポンス結果を表示してしまい、ページが変わってしまいます。
ユーザには閲覧を続けてもらい、POSTのレスポンスをJavascriptの変数で受け取って別の処理をする（例えばPOSTの結果をページの隅に表示する）ということが実現したい動作です。

<script type="text/javascript">
<!--
function sendPOST(){
var form = document.createElement('form');
document.body.appendChild(form);

var input = document.createElement('input');
input.setAttribute( 'type', 'hidden');
input.setAttribute( 'name' , 'myid1');
input.setAttribute( 'value' , 'MYVALUE1');
form.appendChild(input);

var input = document.createElement('input');
input.setAttribute( 'type', 'hidden');
input.setAttribute( 'name' , 'myid2');
input.setAttribute( 'value' , 'MYVALUE2');
form.appendChild(input);

var input = document.createElement('input');
input.setAttribute( 'type', 'hidden');
input.setAttribute( 'name' , 'myid3');
input.setAttribute( 'value' , 'MYVALUE3');
form.appendChild(input);

form.setAttribute( 'action' , 'SERVER URL' );
form.setAttribute( 'method' , 'post' );
form.submit();
}

// -->
</script>

</head>
<body>

<form name="form1">
<button type="button" onclick="return sendPOST()">sendPOST</button>
</form>

宜しくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (1件)

No.1ベストアンサー

  • 回答者： artoo
  • 回答日時：

formをsubmitしたらページは遷移します。

これは絶対です。
ページを遷移しないでのJavaScriptからのリクエストは、xmlhttprequest もしくは Ajax というキーワードで調べてください。
    • good
    • 0
    • 件
通報する
この回答へのお礼

有難う御座いました。やりたいことを実現することが出来ました。

通報する
お礼日時：2015/04/24 02:25

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報