jQuery、ajax添加Json數(shù)據(jù)

2022-05-25 分類：網(wǎng)站建設(shè)

需求說(shuō)明：簡(jiǎn)單的演示ajax提交json數(shù)據(jù)。

代碼說(shuō)明：ajax在傳輸數(shù)據(jù)的時(shí)候基本格式大都是固定的，只需要修改傳輸類型即可。下面介紹基本的參數(shù)提交。

步驟一：建立一個(gè)html或者jsp頁(yè)面，引入jquery-3.2.1.min.js（其他版本亦可）。
步驟二：在頁(yè)面中添加輸入框和提交按鈕，給予id值。
步驟三：編寫jquery、ajax提交數(shù)據(jù)到指定的controller。

<!DOCTYPE html>
<html lang="en">
<head>
<script src="jquery-3.2.1.min.js"></script>
<script>
$(function () {
$("#submitAB").click(function () {
$.ajax({
url: "http://localhost:8080/XXXXXXXX/XXXX/xxxx.do",
type: "POST",
datatype:"JSON",
data: {parameter_A:$("#parameter_A").val(),parameter_B:$("#parameter_B").val()},
success: function (data) {
console.log("");
},
error: function () {
alert("提交失?。?);
}
});
});
});
</script>
</head>
<body>
<body>
parameterA:<input type="text" id="parameter_A" value="" /><br /><br />
parameterB:<input type="text" id="parameter_B" value="" />
<input type="button" value="submit" id="submitAB">
</body>
</body>
</html>

總結(jié)：ajax提交數(shù)據(jù)還涉及到同步異步的問(wèn)題async:false,根據(jù)實(shí)際情況進(jìn)行選擇即可。ajax訪問(wèn)的controller的邏輯根據(jù)自己需要添加。

文章題目：jQuery、ajax添加Json數(shù)據(jù)
新聞來(lái)源：http://www.muchs.cn/news29/158879.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、響應(yīng)式網(wǎng)站、網(wǎng)站維護(hù)、靜態(tài)網(wǎng)站、App開(kāi)發(fā)、網(wǎng)頁(yè)設(shè)計(jì)公司

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

jQuery、ajax添加Json數(shù)據(jù)

jQuery、ajax添加Json數(shù)據(jù)