异步提交方法

异步提交方法

开发工具与关键技术：MVC

 

作者：盘洪源

 

撰写时间：2019年4月13日星期六

异步提交的方法有很多种，比如说post、get等等，这些都是很常用的异步提交方法，还有的就是原生JS的提交方法，这个比较复杂。

先说个简单的post提交，这个很简单，也很常用

在这里插入图片描述

.post(url, [data], [callback], [type])，很好理解

url就是发送请求的地址，简单点说就是控制中写的方法的地址

data就是待发送 Key/value 参数。

Callback就是发送成功后时回调函数

type:返回内容格式，xml, html, script, json, text, _default。

这是一个简单的POST异步提交数据，在请求成功后可调用回调函数，但如果需要在出错时执行函数，就需要用到$.ajax

Get、getJson和post的基本一样，都是这个用法，参照post的用法就行。

这个ajax提交就复杂点，它不同于post提交的就是可以在请求失败时可以调用函数

在这里插入图片描述

Type类型的意思，比如说：”POST”,”GET”,默认值为”GET”

url就是发送请求的地址

asnyc设置异步意思（默认：true）默认设置下，所有请求为异步请求

data是一个对象，连同请求发送到服务器的数据

dataType预期服务器返回的数据类型

seccess是一个方法，请求成功后的回调函数

error是个方法，请求失败时调用此函数

这个ajax比post、get那些确实要复杂一些，但它多了个请求失败时也可以调用函数。

还有的就是表单提交，表单提交这玩意需要用到一个插件，所以用到表单提交的时候记得引用插件

这个表单提交是怎么提交的呢？

和前面的有点不一样，看图

在这里插入图片描述

它的这个请求路径有点不一样，在创建form表单的时候，form表单有个属性action,这个action就是相当于url的意思，就是请求的路径就写在这里。

Form表单提交默认为Get方法提交

在这里插入图片描述

直接获取表单的ID，然后用ajaxSubmit提交。

异步请求数据的方法有很多种，除了上面这些还有一些原生JS的异步请求数据，很复杂看不懂，所以就不说了。