Ajax from表单

1.我们先把需要的插件拉到我们页面中

2.然后一个div一个类名container（容器）然后给一个上外边距，然后里面给一个form表单标签里面再给一个div标签，里面有label和input标签然后给他们设置类名和id名等

3.然后是第二个下拉列表div标签加上类名，然后label标签，select下面三个option标签里面写入选项内容

4.第三个div，里面有label和textarea(文本域)，然后加一个id名和name，表单就做好了

5.第四个div，接下来是按钮组，然后button标签类型改为submit(提交)，加类名给按钮添加样式，offset-3调节位置再调节右外边距的距离，我们添加的submit点击按钮会有一个跳转的效果，后面的button的按钮把颜色和文字内容改掉，最后一个按钮属性改为rest，按钮完成。

6.我们现在要把数据提交到控制器里面，让控制器处理一下然后再返回到视图，然后要多写一个方法来处理我们视图传过来的数据，getData声明3个变量，形参接收后再写一个字符串，string str=把三个字符串加起来就可以了，拼接好后返回return Content(str);，然后把路径换了，然后我们写好数据就会提交到我们的方法里面，然后这个方法接收，接收完之后就会做一个字符串拼接，然后返回，首先输入好姓名，性别和地址然后点击提交表单就会返回一个字符串拼接我们是用post方式提交，get方式也可以提交。

7.第二种方式，我们要把视图里的路径和方法注释掉，因为要写在JavaScript里面然后我们这串代码就失效了，然后给它一个id名，和onsubmit="return false"(阻止自动提交)

8.写个方法然后获取id名和里面的内容，然后if判断用户是否输入内容，获取form标签的id名，然后加入路径再写提交方式和form.submit();(提交)，然后把GteData()在GET提交里写一个点击方法然后把函数放进去，然后执行下面的代码。然后我们加入浏览器在没有输入内容的时候点击GET提交那么就会弹出提示框，我们输入内容后点击GET提交按钮就会返回到字符串拼接

9.首先写一个事件，然后通过id获取再获取到里面的val(),然后if判断内容是否为空，写法更GET提交方式是一样的把document.getElementByID改为$符号在括号里加入#字符后面加一个[0]。然后把postData()在POST提交里写一个点击方法然后把函数放进去，然后执行下面的代码。 输入内容后点击POST提交按钮就会返回到字符串拼接 

这是我所学到的引用步骤，所以我要分享给你们，希望可以帮助到你们。以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔