【HTML】使用a標籤以post方式提交
阿新 • • 發佈:2018-12-16
在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
});