视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
ajax的前端与后端交互的方法
2020-11-27 19:57:10 责编:小采
文档


这次给大家带来ajax的前端与后端交互的方法,ajax前端与后端交互的注意事项有哪些,下面就是实战案例,一起来看一下。

前端中常常用的与后端交换数据的话,通常是要用到ajax这种方法的

但是交互的方式有很多种,很多取决于你后端的属性,我这儿主要列举我目前项目比较常用的两种方式

--一个是我们通用的web api和控制器,

首先我们来仔细看看ajax来与webapi做的交互数据

这里先简单描述一下web api的四种属性--GET,POST,PUT,DELETE

这里面我永昌使用的是GET和POST

如果这时候我们需要用到AJAX与那些数据做后端交互的话

 $.ajax({
 url: "你的webapi",
 type: "Get",
 DATA{},//这里面写你要传给后端的数据,不过GET方法一般不需要,直接读就可以了
 success: function (data) {
 //成功后的return事件
 }
 error: function (data) {
 alert("data");//请求错误后的报错事件(很重要,如果你报错了不知道哪儿要改的话这个可以帮助你,我个人感觉主要是500报错)
 }
 })

这种GET一般在网页初始化的时候从后端读取到一些数据然后赋给页面上(可能我的专业术语表达不标准,见谅QAQ)

然后我要讲的是POST方法

$.ajax({
 url: "你的webapi",
 type: "POST",
 DATA{},//这里面写你要传给后端的数据,这里面有点十分重要就是你的webapi方法上面一定要加[HTTPPOST]不然会500报错
 success: function (data) {
 //成功后的return事件
 }
 error: function (data) {
 alert("data");//请求错误后的报错事件(很重要,如果你报错了不知道哪儿要改的话这个可以帮助你,我个人感觉主要是500报错)
 }
 })

一般POST方法和通常的ajax方法一样,只需要记得在你WEBAPI方法上加上[HTTPPOST]即可

剩下的我想总结一些有时候会用到的POST到控制器方法,虽然说控制器直接URLPOST即可,但是我个人还是喜欢用AJAX,主要是因为AJAX可以看下自己的psot错误在哪些地方233

$.ajax({
 url: 你的控制器/你的控制器方法名字,
 type: 'POST',
 dataType: 'json',
 data: ,//依旧是你要传递参数的值
 contentType: “”application/json”,//这儿是告诉你传递参数一定是要json格式的啊 
 success: function (data) {
 //成功后的返回事件
 }
 });

相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

推荐阅读:

在spring mvc 返回json数据到ajax报错应该如何处理

ajax瀑布流实现demo分享(附代码)

下载本文
显示全文
专题