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

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

在HTML中,a標籤的提交預設是get方式提交的,如果在請求連結的引數中帶有中文就會出現亂碼問題,除了在後臺程式中轉碼外,這裡介紹兩種簡單的方法,可以在客戶端讓a標籤以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>

相關推薦

HTML使用a標籤post方式提交

在HTML中a標籤預設是使用GET方式跳轉的,如果需要使用post跳轉可以這樣用: 一:增加一個form表單 <span style="font-family:SimSun;font-size:18px;"><body> <a href="jav

HTML怎樣使用a標籤post方式提交

在HTML中,a標籤的提交預設是get方式提交的,如果在請求連結的引數中帶有中文就會出現亂碼問題,除了在後臺程式中轉碼外,這裡介紹兩種簡單的方法,可以在客戶端讓a標籤以post方式提交。 一:增加一個form表單 <span style="fon

點選a 標籤實現post方式提交的兩種方式

在專案中遇到一個問題,就是點選a標籤,要實現以post方式提交。下面來總結一下解決方法。一、通過點選a標籤,讓form表單submit提交,從而實現post方式提交。下面看程式碼:<a href="javascript:void(0);" onclick="docume

JavaScripta標籤onclick傳遞引數不對

理想效果:點選a標籤,呼叫js方法並且傳遞引數。js方法獲取引數呼叫後臺方法。 問題:方法能夠呼叫到,傳遞引數時引數奇奇怪怪的。不是想要的值。 錯誤示例: <a href="javascript:waterLineEdit(${goods.goods_id})" &g

HTMLfont標籤&font屬性的使用方法

1、font標籤        定義和用法:        <font>規定文字的字型、字型尺寸、字型顏色            定義和用法:<font規定文字的字型、字型尺寸、字型顏色             例項:           

weba標籤點選時跳出確認框

需求如下: 在跳轉連結前,需要判斷該使用者是否有許可權開啟頁面,沒有許可權的彈出一個確認框提示“沒有許可權”,有許可權的則直接跳轉頁面。 a標籤點選時跳出確認框 方法一: <a href="http://www.baidu.com" onClick="retur

java中httpclentpost方式提交請求時,http返回碼是302重定向時,不自動跳轉的處理

場景: 介面A:請求地址為http://www.test.com/test 介面A的功能,會把接收到的引數url寫入到header的Location屬性中 在java中,使用httpclient傳送請求, 在以get方式傳送請求時,http的返回碼是200,自動處理了重定

window.openpost方式提交

一般 window.open 傳引數都是用Get..方式..在url後面拼接引數... 有時候並不適用,如: 1)不想被看到引數資訊 2)引數過長,get有限制會被截斷 3)可能有中文編碼問題 所以需要用post方式 方式一: function submitF

js構建form表單 post方式提交 一般用於匯出檔案

 js構建form表單  以post方式提交   一般用於匯出檔案 傳遞引數: var parms = {   "key1":"value1",   "key1":"value2" } /**  * 構建form表單,以post方式提交  * @param actio

前端動態生成HTML以及a標籤不跳轉問題標記

bookmarksResults.innerHTML += '<div class="well">' + '<h3>' + name +

html基礎a標籤裡面不能巢狀 a標籤

問題: 出現在該修改別人的程式碼,迭代開發的過程中。。。 外層a標籤href='javascript:;'  沒有a標籤

html使用img標籤和背景圖片之間的區別

1.載入問題 背景圖片會等到html結構載入完成才開始載入 img標籤是網頁結構的一部分,會在html結構載入的時候載入 在網頁載入的過程中,背景圖片會等到結構載入完成(網頁的內容全部顯示以後)才開始載入,而img標籤 是網頁結構(內容)的一部分會在html結構載入的過程中載入,換句話講,網頁會先載入

內聯a標籤以及img標籤換行出行多餘空格Bug處理

一、父元素上加樣式: font-size:0; 二、元素上加上: zoom:1;  ——這是IE核心的,大部分的ie怪異bug處理都用它,觸發ie的haslayout屬性等等。 具體的原理可以看:

POJ2420A star not a tree?

string truct div clas urn return 模擬 cti get 蒟蒻開始學模擬退火…… 起初一直不肯學,因為畢竟玄學算法…… 哎呀玄學怎麽就沒用呢?對不對? #include<iostream> #include<cstdio&g

HTTP另類的POST頭數據 RFC1867協議格式簡析

client oct discuz ... Enctype -s 協議 肩膀 .html http://blog.csdn.net/ai2000ai/article/details/52161979 昨天在實戰表單模擬提交的時候,有發現在提交某個表單的時候,頁面(discu

HTML 向網頁<Title></Title>中插入圖片以及跑馬燈

doctype set utf css images style itl substring icon <!DOCTYPE html><html><head><meta charset="UTF-8"><style ty

BZOJ3489A simple rmq problem kd-tree

while 長度 {} per tput amp 可能 ans bzoj3489 【BZOJ3489】A simple rmq problem Description 因為是OJ上的題,就簡單點好了。給出一個長度為n的序列,給出M個詢問:在[l,r]之間找到一個在這

hdu1576A/B——擴展歐幾裏得算法

推導 none gif spa 具體細節 pac ons 技術 pen 擴展歐幾裏得的模板題,要記住: x=y1; y=x1-a/b*y1。 這道題的推導過程如下: 1.因為A/B==0,所以令A/B=x,即A=Bx。又因為n=A%m,所以m*y+n=A。 由上面可推導出B

HTML使用post方式提交中文內容出現亂碼的錯誤解決方式

form 輸出 itl title com println orm doctype ctype 今天在做一個例子的時候,使用post方式提交表單,如果有中文的話,在另一個頁面顯示出來的時候,總是會出現亂碼; 但是將提交方式改為get的時候,就不會出現這種錯誤。 詳細錯誤

html點擊鏈接讓頁面在 iframe 中變換

pan dex fff tar html order get eight 鏈接 Demo: <html><body> <a href= "1.html " target= "iFrameName "> page1 </a&