1. 程式人生 > >【HTML】使用a標籤以post方式提交

【HTML】使用a標籤以post方式提交

在HTML中a標籤預設是使用GET方式跳轉的,如果需要使用post跳轉可以這樣用:

一:增加一個form表單

<span style="font-family:SimSun;font-size:18px;"><body>
    <a href="javascript:doPost("addStudent.action", {"name":"張三"})">提交</a>
 
    <script>
        function doPost(to, p) {  // to:提交動作(action),p:引數
        	var
myForm = document.createElement("form"); myForm.method = "post"; myForm.action = to; for (var i in p){ var myInput = document.createElement("input"); myInput.setAttribute("name", i); // 為input物件設定name myInput.setAttribute
("value", p[i]); // 為input物件設定value myForm.appendChild(myInput); } document.body.appendChild(myForm); myForm.submit(); document.body.removeChild(myForm); // 提交後移除建立的form }
</script> </body></
span
>

二:使用Ajax

<span style="font-family:SimSun;font-size:18px;"><body>
    <a href="addStudent.action" class="a_post">提交</a>
 
    <script>
        $(".a_post").on("click",function(event){
    	    event.preventDefault();  // 使a自帶的方法失效,即無法向addStudent.action發出請求
            $.ajax({
                type: "POST",  // 使用post方式
                url: "addStudent.action",
                contentType:"application/json",
                data: JSON.stringify({param1:value1, param2:value2}),  // 引數列表,stringify()方法用於將JS物件序列化為json字串
                dataType:"json",
                success: function(result){
                   // 請求成功後的操作
                },
                error: function(result){
                   // 請求失敗後的操作
                }
    	    });
	});
    </script>
</body></span>

轉自:https://blog.csdn.net/lzgs_4/article/details/43156133

三:使用echopost js外掛,內部實現還是使用ajax請求,只不過免去自己寫了

<body>  
<a class="echo-post echo-confirm" action-url="後臺方法" redirect-url="後臺完成操作後需要跳轉的地址" confirm-msg="提醒內容">操作</a>  
</body>  
 <script>  
    $(function () {  
       $('body').echopost();  
    })  
</script>  

echopost js外掛下載:http://www.51softs.com/aspnet/如何使用a標籤實現post提交請求.html
echopost js使用說明:http://www.51softs.com/luoyufuli/echopost-ajax-post-mvc-asp-net.html

說明文件中的的下面的返回型別的工具類沒有找到,使用這個一直提示引數錯誤。

return Json(new BaseRequest<int>
    {
        Code = 0,
        Message = "ID:" + id + "刪除成功",
        Result = id
    });