欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

ajax局部刷新

程序员文章站 2022-06-17 11:57:16
...

点击一次加一(在后端加一,在这里没有写),并且实时显示

html

<div id= "diggnum">10</div>

js

<script>
    $('#diggnum').click(function () {
    	# 获取div中的值, 
    	#	页面上直接html()就可以
    	# 如果是input中 需要用 val()
        var s = $('#diggnum').html()
        $.ajax({
            type: 'POST',
            url: '/prise/',   # 后端中方法接口
            data:{'id':{{ article.id }},},   # flask模板中, 前端传入后端的id值
            success:function(res){    #  res 后端返回前端的值
                $('#diggnum').html(res)  # 局部刷新,每次显示不同的数字
            },
        })
    })
</script>