怎么用json把后端的数据传到前端html界面显示,javascript要怎么写？

Question

//后端代码

public JsonResult SendData()

    {

        return Json( new {username="刘伟",teacherid="2432012522" });

    }

    

//前端代码

<div class="box5" style="position:relative;">

    <!-- 背景图的div -->

    <img style="position:absolute;margin-left: 5%;margin-top: 9%" src="~/Content/themes/portrait.png" width=28% height=50% />

    <img src="~/Content/themes/background.jpg" width=100% height=100% />

    <div class="FONT4" style="position:absolute; z-index:2; top:15px">姓名：刘伟</div>

    //怎么把这个“刘伟”替换成动态的，由后端发送的？

    <div class="FONT4" style="position:absolute; z-index:2; top:100px">教工号：2432012522</div>

    //怎么把这个“2432012522”替换成动态的，由后端发送的？

</div>

Answer 1

ajax请求这个Action，请求成功后，返回的数据渲染到这个div内容就行了