提交并显示页面的实际内容后隐藏表单

时间:2016-08-11 11:18:40

标签: javascript php jquery ajax html5

我想创建一个产品页面,在用户点击产品之前点击产品,然后显示所有产品,它应该显示一个表格,然后填写表格然后只有所有产品将显示给客户。

我试图在php中这样做,但无法找到解决方案,

Convert.Toint32(txt_Qty.Text)

});

而不是id #output我想提交后的实际页面 请帮我解决这个问题

1 个答案:

答案 0 :(得分:0)

如果您不想在提交后重定向页面,则必须使用Ajax

HTML示例:

<form>
    <!-- here your form -->
</form>
<div id="other-products"> <!-- this css style would be display: none; -->
    <!-- here you show your other products -->
</div>

jQuery示例:

$("form").on("submit", function(e) {
    e.preventDefault();
    $.ajax({
        data: data,
        dataType: "json",
        url: "url/to/php/file.php",
        type: "POST",
        success: function(res) {
            $("#other-products").fadeIn();
        }
    });
});

在您提供的URL中,您必须制作PHP脚本,然后根据需要返回一些内容(请记住您提供的dataType)。在给出的示例中,该内容将为res