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

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

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

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

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

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

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

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

廣告

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

小程序開發(fā)