2018年6月26日 星期二

[JQuary][C#]使用jQuary實作form action post參數

網頁轉址一般分為 1.直接導向Url 2.夾帶Get參數在Url後面

如果要使用Post的方式要如何跳轉呢?

Ans:使用Form Action 設定Method='Post'

範例前端程式
------------------------------------------------------
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <title></title>
</head>
<body>
    <form id="form1" method="post" runat="server">
        <div>
            <asp:HiddenField ID="hidENG_ID" runat="server" ClientIDMode="Static" />
            <asp:HiddenField ID="hidToken" runat="server" ClientIDMode="Static" />
        </div>
    </form>

    <form id="form2" method="post">
        <div>
            <input id="Token" name="Token" type="text" value="" />
            <input id="GetLoadRRFP" type="submit" value="Submit" />
        </div>
    </form>

    <script>
        function GetLoadRRFP() {
            //$.post($("#hidENG_ID").val(), { "Token" : $("#hidToken").val()});
            $("#Token").val($("#hidToken").val());
            $('#form2').attr('action', $("#hidENG_ID").val());

            $("form2").submit(function (event) {
                event.preventDefault();
            });
        }

        $(document).ready(function () {
            GetLoadRRFP();
            $('#form2').submit();
        });
    </script>
</body>
</html>
------------------------------------------------------

範例後端程式
------------------------------------------------------
protected void Page_Load(object sender, EventArgs e)
{
        hidENG_ID.Value = "http://xxx.xxx.xxx.xxx/";
        hidToken.Value = "TokenValues";
}
------------------------------------------------------

開啟新頁面在PageLoad事件中將數值設定至前端物件,並將參數設置至要Post的Form中,完成後觸發Submit事件即可達成目的


沒有留言:

張貼留言

[JQuary][C#]使用jQuary實作form action post參數

網頁轉址一般分為 1.直接導向Url 2.夾帶Get參數在Url後面 如果要使用Post的方式要如何跳轉呢? Ans:使用Form Action 設定Method='Post' 範例前端程式 -----------------------------...