需求說明:
簡單的演示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的邏輯根據自己需要添加。