资讯专栏INFORMATION COLUMN

ajax中回调的几个坑

learn_shifeng / 2623人阅读

摘要:在前端开发中,经常要用去拿后台接口返回的数据,总结几个的回调的常见问题,供大家参考爬坑。未定义,可能会造成的传入后台的数据乱码,可以加上如下代码在请求中约定好传到后台以及后台返回的数据类型,一般定义类型。

在前端开发中,经常要用ajax去拿后台接口返回的数据,总结几个ajax的回调的常见问题,供大家参考爬坑。

未定义contentType,可能会造成的传入后台的数据乱码,可以加上如下代码在ajax请求中 contentType:"application/json;charset=UTF-8",

约定好传到后台以及后台返回的数据类型,一般定义json类型。

    JSON.stringify():将一个JavaScript值(对象或者数组)转换为一个 JSON字符串
    JSON.parse():将一个 JSON 字符串转换为对象

这两个是常用的json转换的api

在success或者error回调中,return 是拿不到值的,即使改变了async:false也拿不到,看下面的例子:

function checkUserTask(taskid){
        $.ajax({
            method:"get",
            url:URL.checkUserTask,
            async:false,
            data:{"id":taskid},
            success:(response)=>{
                console.dir(response)
                if(response.code==200 ){
                    return true;
                }else{
                   return false;
                }
            }
        });
    }

这种写法即使是成功或者失败,在调用checkUserTask方法时都是返回的undefined,拿不到true或者false标识,所以一般写法修改如下:

function checkUserTask(taskid){
        var flag = false;
      
        $.ajax({
            method:"get",
            url:URL.checkUserTask,
            async:false,
            data:{"id":taskid},
            success:(response)=>{
                if(response.code==200 ){
                    flag = true;
                }else{
                    flag = false;
                }
            }
        });
        return flag;
    }

在回调的后面return 就可以拿到返回值。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/52670.html

相关文章

  • ajax回调的几个坑

    摘要:在前端开发中,经常要用去拿后台接口返回的数据,总结几个的回调的常见问题,供大家参考爬坑。未定义,可能会造成的传入后台的数据乱码,可以加上如下代码在请求中约定好传到后台以及后台返回的数据类型,一般定义类型。 在前端开发中,经常要用ajax去拿后台接口返回的数据,总结几个ajax的回调的常见问题,供大家参考爬坑。 未定义contentType,可能会造成的传入后台的数据乱码,可以加上如下...

    huashiou 评论0 收藏0
  • 七牛云存储---JavaScript SDK 简单上传,走过的几个坑

    摘要:和七牛账号里面提供。自己设定的七牛云存储空间名,创建存储空间的时候注意地区应该默认是华东,不一样地区需要修改下里面指定的上传的域名,请去参考官方文档。若开启该选项,为自动生成上传成功后的文件名。 先放上几个用到的七牛官方网站: JavaScript SDK地址需要在页面中先引入 plupload 提供的 plupload.full.min.js(生产环境)然后再引入SDK里的 qini...

    or0fun 评论0 收藏0
  • 使用React 应当注意几个地方

    摘要:都会造成错误,注意一定一定严格的用,所以我建议直接复制我的。因为用的话他会转义代码,写不写其实一个样。不可避免的,构建肯定是要用到的。这个时候一般用的是在外面保存然后里面调用第二个坑更隐蔽。 目标人群 献给熟悉基础的React语法的刚接触React的同学~ 如果你已经写过半年以上的React那也不用看了,毕竟我水平并不高 Whats React React 是一个不存在的网络公司Fac...

    高璐 评论0 收藏0
  • [译]async-await 数组循环的几个坑

    摘要:译数组循环的几个坑原文地址原文作者在循环中使用循环遍历数组似乎很简单,但是在将两者结合使用时需要注意一些非直观的行为。循环的情况问题如上述代码能够正常执行。但我还是喜欢循环带来的简洁和高可读性。 [译]async-await 数组循环的几个坑 原文地址:https://medium.com/dailyjs/th... 原文作者:Tory Walker 在 Javascript 循...

    warkiz 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<