0

我正在 jquery 的 ajax 中尝试 post()，.. 我了解到可以使用 post() 传递参数，但我不知道如何在相应的 html 页面中处理它们。有人可以帮我做吗？...

这是我的 post() 代码..

            <html>
    <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript">
    $(function()
    {
        debugger;
            $.post("postpage.htm",
            {
                    name: "John Doe",
                    age: "40"
            },
            function(data, textStatus)
            {
                alert("ur status is:" + textStatus);
                alert("Response from server: " + data);
            });
    });
    </script>
    </head>
    <body>
    </body>
    </html>

这是 postpage.html 的代码。

    <html>
    <head>
    <title> Now in posted page...!!
    </title>
    </head>
    <body>
    <div>"<name>'s age is <age>"</div>
    </body>
    </html>

提前致谢..;-）

4

2 回答 2

0

您需要一种服务器端脚本语言。

想象一下：

  1. 您将 POST 数据发送到服务器
  2. 服务器没有处理数据的逻辑，因此它只为您提供“postpage.html”中的静态HTML 页面

如果你有例如。服务器上的 PHP 您将 POST 数据发送到服务器，然后有一个像您这样的脚本，如下所示：

<html>
<head>
<title> Now in posted page...!!
</title>
</head>
<body>
<div><?php echo $_POST['name'] . "'s age is " . $_POST['age']; ?></div>
</body>
</html>

这会从 POST 请求中动态读取数据并将它们放入 HTML 页面，然后才将 HTML 页面提供给用户。

于 2013-08-02T11:33:27.080 回答
0

您不需要服务器端脚本，但也不需要 POST。只需使用获取和字符串替换。

就像是 ：

$(function(){
    var name = "John Doe";
    var age = "42";
    $.get("postpage.html", function(data, textStatus){
        data = data.replace('##name##',name);
        data = data.replace('##age##',age);
        alert("ur status is:" + textStatus);
        alert("Response from server: " + data);
    });
});

你的 postpage.html 看起来像：

<html>
    <head>
        <title> Now in posted page...!!</title>
    </head>
    <body>
        <div>##name##'s age is ##age##</div>
    </body>
</html>
于 2013-08-02T13:09:38.653 回答