Node.js+ejs 渲染的内容如何用ajax无刷新更改内容?
如题如图,想做一个考试系统,然后想提交一个题目的答案,然后处理完就刷新下一题… 以上就是我的想法,就是从后台获取数据后,隐藏掉第一个用ejs渲染的,再做另外一个表单,加载内容… 然而感觉这方法好笨,而且还没调试成功… 所以希望各位大佬能不吝赐教,分享一下更好的方法~
4 回复
直接覆盖原来的内容呗
ajax 接口返回渲染内容,直接替换原 dom 内容就好了
$.get('url', function(data){
//data 如果是纯数据,需要构建dom结构;如果是后端渲染,则直接替换页面内容就好
$('#placeholder').html(generatedHtml)
})
一个静态块(公共不变的元素,接受点击事件等),两个答题块,一个显示给用户,另一个非真正隐藏(改透明度,),用户点击开始后,隐藏块渲染下一题,点击下一题后显示隐藏块,非正真隐藏当前块,对其进行下一题的后续渲染,
来自酷炫的 CNodeMD
###ajax返回后可以做任何操作啊 就算你不操作返回的数据.
然而你还是可以根据后台返回的数据来判定操作.