Node.js+ejs 渲染的内容如何用ajax无刷新更改内容?
发布于 2 个月前 作者 Luokejin 560 次浏览 来自 问答

微信图片_20170904161333.png 如题如图,想做一个考试系统,然后想提交一个题目的答案,然后处理完就刷新下一题… 微信图片_20170904162037.png 微信图片_20170904164746.png 以上就是我的想法,就是从后台获取数据后,隐藏掉第一个用ejs渲染的,再做另外一个表单,加载内容… 然而感觉这方法好笨,而且还没调试成功… 所以希望各位大佬能不吝赐教,分享一下更好的方法~

4 回复

直接覆盖原来的内容呗

ajax 接口返回渲染内容,直接替换原 dom 内容就好了

$.get('url', function(data){
    //data 如果是纯数据,需要构建dom结构;如果是后端渲染,则直接替换页面内容就好
	$('#placeholder').html(generatedHtml)
})

一个静态块(公共不变的元素,接受点击事件等),两个答题块,一个显示给用户,另一个非真正隐藏(改透明度,),用户点击开始后,隐藏块渲染下一题,点击下一题后显示隐藏块,非正真隐藏当前块,对其进行下一题的后续渲染,

来自酷炫的 CNodeMD

###ajax返回后可以做任何操作啊 就算你不操作返回的数据.

然而你还是可以根据后台返回的数据来判定操作.

回到顶部