首页/ 填坑/ 文章详情

Ajax 异步 Get 请求,重组参数链接

Ajax 异步,API 接口,两者配合,直接将 From 表单提交数据方式送进旧时代。想起 From 表单交互数据,除了对用户交互不友好,对程序员更是一种折磨,硬生生将程序员棱角磨平。

如果说最不愿意做的项目,非 From 表单提交数据莫属。被 From 支配的恐惧,谁也不愿意再经历多一次。

常规带参数的 Ajax 请求方式使用 Post 请求,不过也有例外,由于项目在不同的程序员中流转维护,对待问题的了解,考虑角度不同,产生的结果不尽相同,异类就是这么产生的。

如果你心血来潮想将 Get 方法改成 Post 方法,请三思而行。这里 API 接口弊端凹显出来了:接口要修改,你需要通知全组人员,不然某个功能未修改,会引发连锁错误,牵一发而动全身。

多一事不如少一事,改不动的情况下,我们只能继续沿着前人的路走下去。

对于 Post  参数的传递,传递的参数是 Objcet 的对象,我们需要重新对 Object 对象进行重组,拼接成新的链接。

重新链接函数

JSvar resetLink = function (url,object) {
    var params = '';
    var object = object || {} //默认空对象
    for(var i in object) {
        params += '&'+i+'='+object[i];
    }

    if(params.length > 0) { 
        params = params.substring(1);
       return url + '?'+ params;
    }
    
    return url;
}

使用 Get 方式传递参数,不能直接传递包括数组和对象的参数,只能传递key=value常规格式的参数。如果需要传递数组或对象,需要与组内人员沟通,无疑增加沟能成本,因此 Get 的使用的场景没有 Post 的多。

文章评论0 records

最新 最早

0

最新评论Latest comments

凡心的仙人凡心的仙人 03-18 14:35
谢谢你了!
rantrismrantrism 2023-04-03 11:27
您好~我是腾讯云开发者社区运营,关注了您分享的技术文章,觉得内容很棒,我们诚挚邀请您加入腾讯云自媒体分享计划。完整福利和申请地址请见:https://cloud.tencent.com/developer/support-plan 作者申
唐牛才是食神唐牛才是食神 2022-06-15 10:51
(*°▽°*)八(*°▽°*)♪,解决了
唐牛才是食神唐牛才是食神 2022-06-15 10:49
发现不得了的东西,今晚回去好好研究下...
胖螺胖螺 2022-02-04 00:58
( ゜- ゜)つロ 在写了在写了。看到也有些感慨。因为站长前年在我原博客的留言,让我毅然选择去深造,选择读研,曾经我想过挺多东西的,还是自己本专业的适合我自己。在这先表达感谢。新年快乐!