使用POST和AJAX獲取數據

Question

我正在嘗試使用AJAX在服務器中異步發送一些數據。 我需要使用POST方法發送數據，因為發送的數據很多字符，並且使用GET創建的URL將太大。 嗯，這不是問題，但是出於美學原因，我寧願使用較小的URL。 為此，我使用了此處說明的解決方案（問題）。

我發送數據的Javascript代碼是：

   var code = "code=" + document.getElementById("code_area").value;
   xmlhttp.open("POST", "run_code.php", true);
   xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
   xmlhttp.send(code);

上面的代碼在我單擊按鈕時執行，但是URL更改為： localhost/code.php?code=datadatadatadatadatadatadatadatadatadatadatadatadatadata這似乎與使用GET沒什么不同（我的URL變得很大）。 我使用POST ，而不是GET但似乎數據仍通過URL傳輸。 任何想法為什么會這樣？

Answer 1

您可以使用jQuery更輕松地做到這一點。

$.post("run_code.php", { code: $("#code_area").val() });

鏈接：

• 如何在代碼中添加jQuery支持 。
• jQuery文檔 。
• $ .post（）文檔 。

Answer 2

用jQuery更容易...

$.post( 'yoururlhere.com/phppage',
        {code:$("#code_area").val()},
        function(responseData){
            // responseData is the echo'd data set from your php page
        }, 'json'
);

{}中的數據是后KV對

responseData是從php回顯的數據集

Answer 3

畢竟問題是我在HTML頁面中使用了提交輸入字段，如下所示：

<input type="submit" />

使用時會更改（刷新）URL。

通過使用：

<input type="button" />

該問題已解決。