# ajax使用Form提交普通表单（GET、POST）
* **前端H5页面POST方式**
```
ajax使用Form提交普通表单
ajax使用Form提交普通表单
```
* **前端H5页面GET方式**
```
ajax使用Form提交普通表单
ajax使用Form提交普通表单
```
> note：
>
> 1.var data = $("#form2").serialize(); 拿到form表单对象，将表单内容序列化成一个字符串：name=allen\&passwd=123456
>
> 2.serializeArray()方法，将页面表单序列化成一个JSON结构的对象。注意不是JSON字符串
>
> \[{"name":"lihui", "age":"20"},{...}]
* **Java后台Controller**
```
@Controller
@RequestMapping("/")
public class AjaxController {
@PostMapping("/ajax2Post")
@ResponseBody
public String ajax2Post(String name, String passwd){
return "name={" + name + "}, passwd={"+passwd+"}";
}
@GetMapping("/ajax2Get")
@ResponseBody
public String ajax2Get(String name, String passwd){
return "name={" + name + "}, passwd={"+passwd+"}";
}
}
```
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://tuonioooo-notebook.gitbook.io/jquery-ajax/ajaxshi-yong-form-ti-jiao-pu-tong-biao-dan.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.