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

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

需求說明：簡單的演示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>

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

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

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

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

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

備案免關(guān)網(wǎng)站的幾種辦法 2022-05-25
吃透這10個網(wǎng)站，你就明白了網(wǎng)頁中留白的技巧 2022-05-25
互聯(lián)網(wǎng)上應(yīng)用程序無法解決問題的原因 2022-05-25
新站要做的4個SEO優(yōu)化細節(jié) 2022-05-25
百度愛采購上線，企業(yè)到底有沒有必要做呢？ 2022-05-25
Mysql字符串字段判斷是否包含某個字符串的方法 2022-05-25

欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

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

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