web-dev-qa-db-ja.com

HTMLフォームを使用せずにPOST data to PHP

とにかく、フォームを持っている以外に、PHPスクリプトに投稿データを送信する方法はありますか？ （もちろんGETを使用しません）。

X秒後にjavascriptでページを再読み込みし、同時にいくつかのデータをページに投稿したいと思います。私はGETでそれを行うことができましたが、私はそれがきれいに見えるので、むしろPOSTを使用します。

どうもありがとう。

編集：PHP header？

乾杯

私は最終的にそうしました：

<script>
  function mySubmit() {
    var form = document.forms.myForm;
    form.submit();
  }
</script>

...

<body onLoad="mySubmit()";>
  <form action="script.php?GET_Value=<?php echo $GET_var ?>" name="myForm" method="post">
    <input type="hidden" name="POST_Value" value="<?php echo $POST_Var ?>">
  </form>
</body>

私にとってはうまくいくようですが、何か問題があれば教えてください！

みんな、ありがとう。

phpjavascripthtml
14
bag-man

上記のように、ページを更新するときに非表示のフォームを動的に追加して送信する方法を次に示します。

HTMLのどこかに：

<div id="hidden_form_container" style="display:none;"></div>

そして、いくつかのJavascript：

function postRefreshPage () {
  var theForm, newInput1, newInput2;
  // Start by creating a <form>
  theForm = document.createElement('form');
  theForm.action = 'somepage.php';
  theForm.method = 'post';
  // Next create the <input>s in the form and give them names and values
  newInput1 = document.createElement('input');
  newInput1.type = 'hidden';
  newInput1.name = 'input_1';
  newInput1.value = 'value 1';
  newInput2 = document.createElement('input');
  newInput2.type = 'hidden';
  newInput2.name = 'input_2';
  newInput2.value = 'value 2';
  // Now put everything together...
  theForm.appendChild(newInput1);
  theForm.appendChild(newInput2);
  // ...and it to the DOM...
  document.getElementById('hidden_form_container').appendChild(theForm);
  // ...and submit it
  theForm.submit();
}

これは、次のHTMLフォームを送信することと同等です。

<form action="somepage.php" method="post">
  <input type="hidden" name="input_1" value="value 1" />
  <input type="hidden" name="input_2" value="value 2" />
</form>
20
DaveRandom

JQueryを使用して、PHPページに投稿できます。 http://api.jquery.com/jQuery.post/

5
box86rowh

FormData APIを使用します。

そこの例から：

var formData = new FormData();
formData.append("username", "Groucho");
formData.append("accountnum", 123456);

var request = new XMLHttpRequest();
request.open("POST", "http://foo.com/submitform.php");
request.send(formData);
3
nafg

これはどう：

    function redirectWithPostData(strLocation, objData, strTarget)
{
    var objForm = document.createElement('FORM');
    objForm.method = 'post';
    objForm.action = strLocation;

    if (strTarget)
        objForm.target = strTarget;

    var strKey;
    for (strKey in objData)
    {
        var objInput = document.createElement('INPUT');
        objInput.type = 'hidden';
        objInput.name = strKey;
        objInput.value = objData[strKey];
        objForm.appendChild(objInput);
    }

    document.body.appendChild(objForm);
    objForm.submit();

    if (strTarget)
        document.body.removeChild(objForm);
}

次のように使用します：

redirectWithPostData('page.aspx', {UserIDs: getMultiUserSelectedItems()},'_top');
3
user2749894

JQueryの場合：

$.ajax({
  url: "yourphpscript.php",
  type: "post",
  data: json/array/whatever,

  success: function(){ // trigger when request was successfull
    window.location.href = 'somewhere'
  },
  error: anyFunction // when error happened
  complete: otherFunction // when request is completed -no matter if the error or not
  // callbacks are of course not mandatory
})

または最も単純な：

$.post( "yourphpscript.php", data, success_callback_as_above );

http://api.jquery.com/jQuery.ajax の詳細

2
abuduba

次のような独自のヘッダーを作成します。

POST /submit.php HTTP/1.1
Host: localhost
User-Agent: Mozilla/4.0
Content-Length: 27
Content-Type: application/x-www-form-urlencoded

userId=admin&password=letmein
2
tacos_tacos_tacos

ページをリロードする前に、投稿するデータを含むxhrリクエストを送信できます。

Xhrリクエストが終了した場合にのみページをリロードします。

したがって、基本的には同期リクエストを実行する必要があります。

1
PeeHaa