form表单提交与ajax提交的差别

第一种：表单提交Form Submit方式

Form提交是我们经常使用的向后台提交数据的一种方式

<form action="form_action.asp" method="get" οnsubmit="">
    <p>First name: <input type="text" name="fname" /></p>
    <p>Last name: <input type="text" name="lname" /></p>
    <input type="submit" value="Submit" />
</form>
action设置url，method设置http请求的方式。

第二种：ajax异步请求方式

ajxa首先是要通过js获取到用户输入内容，然后可以对输入的内容进行ajxa请求发送到后台进行一个验证，验证完毕后返回给前台，这就验证完毕了。

$.ajax({
  type: 'POST',
  url: url,
  data: [
        param1="param1",
        param1="param2",
        param1="param3",
        param1="param4",
        ],
  success: success,
  dataType: dataType
});
$.post(url,data,success(data, textStatus, jqXHR),dataType)
上面两种方式请求的一个适用场景：

情况一：提交并刷新当前页面，或者提交后跳转到其他页面。

情况二：提交数据做验证（返回后台的处理信息）

情况一比较适合用form表单提交的方式处理，简单粗暴，还可以添加一些html5的基本验证。情况二比较适合用ajax请求的方法，因为可以在success函数中对返回的一些信息做操作处理，验证通不通过等。

from和ajax最大的区别就是：form需要刷新页面，但ajxa在不刷新页面的情况下可以执行提交数据请求，如果需要在ajax提交数据成功后刷新页面，可以调用window对象的Location属性的load()方法重新加载当前文档。

GET和POST是常用的两种请求方法，GET方法用来请求数据，参数会在URL中发送，请求可以被缓存并保留在浏览器的历史记录中，敏感数据应该避免使用GET请求方法；Post方法请求不会被缓存也不会在浏览器中保留记录表数据长度没有要求，可以处理敏感数据（用户密码等）