V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
HeFengzz

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

  •  
  •   HeFengzz · Dec 27, 2021 · 3565 views
    This topic created in 1582 days ago, the information mentioned may be changed or developed.

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

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

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

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

    ES6 还没学到 Promise ?
    HeFengzz
        12
    HeFengzz  
    OP
       Dec 27, 2021
    @shyangs 还没😥,你在 git 上看的我的笔记吗😂
    HeFengzz
        13
    HeFengzz  
    OP
       Dec 27, 2021
    感谢各位花费宝贵的时间回复本帖,看完深知小弟基础太差了,马上恶补
    qfdk
        14
    qfdk  
    PRO
       Dec 27, 2021 via iPhone
    有个叫做 document ready 等 ready 了 再 ajax 然后回掉操作
    ychost
        15
    ychost  
       Dec 27, 2021
    ajax 回调就好啦
    LawlietZ
        16
    LawlietZ  
       Dec 27, 2021
    @qfdk 大佬,之前搜 nodejs 网关,看到了你的一个帖子 https://www.v2ex.com/t/731916 ,想交流一下,可以加个 v 吗
    LawlietZ
        17
    LawlietZ  
       Dec 27, 2021
    @qfdk 大佬,之前搜 nodejs 网关,看到了你的一个帖子 h-ttps://www.v2ex.com/t/731916 ,想交流一下,可以加个 v 吗。
    ch2
        18
    ch2  
       Dec 27, 2021
    async,await,fetch
    SxqSachin
        19
    SxqSachin  
       Dec 27, 2021
    sync
    promise
    callback
    jeepc
        20
    jeepc  
       Dec 27, 2021
    先把同步异步搞清楚
    qfdk
        21
    qfdk  
    PRO
       Dec 27, 2021 via iPhone
    @LawlietZ github 邮件联系吧 要不然微信给➕爆了
    liKeYunKeji
        22
    liKeYunKeji  
       Dec 28, 2021 via iPhone
    jquery 的 send before 回调了解一下
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5373 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 83ms · UTC 01:15 · PVG 09:15 · LAX 18:15 · JFK 21:15
    ♥ Do have faith in what you're doing.