如何在 ajax 返回数据后渲染页面,且不在 ajax 内操作 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a Javascript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
Javascript 权威指南第 5 版
Closure: The Definitive Guide
HeFengzz
V2EX    Javascript

如何在 ajax 返回数据后渲染页面,且不在 ajax 内操作

  •  
  •   HeFengzz 2021 年 12 月 27 日 3489 次点击
    这是一个创建于 1530 天前的主题,其中的信息可能已经有所发展或是发生改变。

    如何在 ajax 返回数据后再次渲染表格?

    我用原生 JS 写了三个 ajax 请求,发现代码都是重复的,于是封装成一个方法传 url 和 data 进去,但是我在写渲染 dom 时发现,ajax 返回的值还未获取到页面就已经渲染完了,我猜想是因为 ajax 异步的原因。原本我想用定时器判断值是否为空,但是感觉这样岂不是又要写三个定时器?! 所以,现在有什么好办法让 ajax 返回数据后再次渲染页面呢? 感觉自己好笨啊,想不出灵活的办法

    22 条回复    2021-12-28 00:57:03 +08:00
    cxe2v
        1
    cxe2v  
       2021 年 12 月 27 日   1
    js 有一个神技叫 回调函数
    juzisang
        2
    juzisang  
       2021 年 12 月 27 日
    有一个东西叫 Promise
    3dwelcome
        3
    3dwelcome  
       2021 年 12 月 27 日
    ajax 有同步选项的,并不全是异步。
    fgwmlhdkkkw
        4
    fgwmlhdkkkw  
       2021 年 12 月 27 日
    await
    Joker123456789
        5
    Joker123456789  
       2021 年 12 月 27 日   1
    1. ajax 可以设置为同步的,sync:true
    2. 你可以 把回调函数 传到你封装的 方法里去,把渲染的步骤写在回调里。
    Felldeadbird
        7
    Felldeadbird  
       2021 年 12 月 27 日   1
    办法一:请求设置会同步。 但这样页面会卡顿。
    办法二:发起请求时,页面不做渲染动作。等回调有结果再渲染。
    kop1989
        8
    kop1989  
       2021 年 12 月 27 日   1
    yourAjaxFuncion(url,data,callback);
    调用时:
    yourAjaxFunction("/xxx",jsonStr,function(){})
    shakaraka
        9
    shakaraka  
    PRO
       2021 年 12 月 27 日   1
    回调函数、Promise 、rxjs

    我觉得你会问这个问题多半是基本有问题,恶补下
    Elissa
        10
    Elissa  
       2021 年 12 月 27 日
    Promise all
    shyangs
        11
    shyangs  
       2021 年 12 月 27 日
    看了下你的前端笔记

    ES6 还没学到 Promise ?
    HeFengzz
        12
    HeFengzz  
    OP
       2021 年 12 月 27 日
    @shyangs 还没,你在 git 上看的我的笔记吗
    HeFengzz
        13
    HeFengzz  
    OP
       2021 年 12 月 27 日
    感谢各位花费宝贵的时间回复本帖,看完深知小弟基础太差了,马上恶补
    qfdk
        14
    qfdk  
    PRO
       2021 年 12 月 27 日 via iPhone
    有个叫做 document ready 等 ready 了 再 ajax 然后回掉操作
    ychost
        15
    ychost  
       2021 年 12 月 27 日
    ajax 回调就好啦
    LawlietZ
        16
    LawlietZ  
       2021 年 12 月 27 日
    @qfdk 大佬,之前搜 nodejs 网关,看到了你的一个帖子 t/731916 ,想交流一下,可以加个 v 吗
    LawlietZ
        17
    LawlietZ  
       2021 年 12 月 27 日
    @qfdk 大佬,之前搜 nodejs 网关,看到了你的一个帖子 h-ttps://www.v2ex.com/t/731916 ,想交流一下,可以加个 v 吗。
    ch2
        18
    ch2  
       2021 年 12 月 27 日
    async,await,fetch
    SxqSachin
        19
    SxqSachin  
       2021 年 12 月 27 日
    sync
    promise
    callback
    jeepc
        20
    jeepc  
       2021 年 12 月 27 日
    先把同步异步搞清楚
    qfdk
        21
    qfdk  
    PRO
       2021 年 12 月 27 日 via iPhone
    @LawlietZ github 邮件联系吧 要不然微信给爆了
    liKeYunKeji
        22
    liKeYunKeji  
       2021 年 12 月 28 日 via iPhone
    jquery 的 send before 回调了解一下
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2781 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 41ms UTC 14:43 PVG 22:43 LAX 06:43 JFK 09:43
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86