Question

我在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>

先谢谢..; - ）

Answer 1

您需要server-side scripting language。

想象一下：

您将POST数据发送到服务器
服务器没有处理数据的逻辑，因此它只为您提供“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页面。

Answer 2

您不需要服务器端脚本，也不需要POST。只需使用get和string replace。

类似的东西：

$(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>

如何将post参数传递到.htm页面？

2 个答案: