推荐关注
› Meteor
› JSLint - a JavaScript code quality tool
› jsFiddle
› D3.js
› WebStorm
推荐书目
› JavaScript 权威指南第 5 版
› Closure: The Definitive Guide
HeFengzz

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

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

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

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