Ajax提交form表单
2021-01-30 09:13
标签：pos control lsp ESS ppi col action post span 1.编写form提交页面 2.js 3.Controller Ajax提交form表单 标签：pos control lsp ESS ppi col action post span 原文地址：https://www.cnblogs.com/moreforests/p/13196497.html 1 h1>ajax方式提交表单数据h1>
2 form id="produce-form" name="produce-form" style="text-align: center" action="##" onsubmit="return false">
3 table style="text-align: center" border="1">
4 tr>
5 td>测试数据td>
6 td>input type="text" id="testData" name="testData" required>td>
7 tr>
8 tr>
9 td colspan="2">input type="button" onclick="addForm()" value="提交">td>
10 tr>
11 table>
12 form>
1 function addForm() {
2 $.ajax({
3 url: "/formtest/addFormAjax"
4 , type: "post"
5 , dataType: "json"
6 // , data: $("#produce-form").serialize()
7 , data: {
8 testData: $("#testData").val()
9 }
10 , success: function (result) {
11 }
12 , error: function () {
13 }
14 });
15 }
1 @Controller
2 public class FormController {
3 @ResponseBody
4 @PostMapping("addFormAjax")
5 public String addFormAjax(String testData) {
6 System.out.println("testData==" + testData);
7 return "200";
8 }
9 }