异步提交方法


开发工具与关键技术: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的异步请求数据,很复杂看不懂,所以就不说了。

相关文章: