jQuery、ajax添加Json數據

2022-05-25 分類：網站建設

需求說明：簡單的演示ajax提交json數據。

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

步驟一：建立一個html或者jsp頁面，引入jquery-3.2.1.min.js（其他版本亦可）。
步驟二：在頁面中添加輸入框和提交按鈕，給予id值。
步驟三：編寫jquery、ajax提交數據到指定的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>

總結：ajax提交數據還涉及到同步異步的問題async:false,根據實際情況進行選擇即可。ajax訪問的controller的邏輯根據自己需要添加。

文章題目：jQuery、ajax添加Json數據
新聞來源：http://m.newbst.com/news29/158879.html

成都網站建設公司_創新互聯，為您提供ChatGPT、響應式網站、網站維護、靜態網站、App開發、網頁設計公司

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

jQuery、ajax添加Json數據

jQuery、ajax添加Json數據