使用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" />

该问题已解决。