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

//后端代码
public JsonResult SendData()
{
return Json( new {username="刘伟",teacherid="2432012522" });
}

//前端代码

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

姓名：刘伟

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

教工号：2432012522

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

首先页面上有一个标签 ：
$.ajax（{
url：“”，//后台发送请求的地址
type：“post”，
dataType：“json”，
success：fuction（result）{
var name = result//这个是后台返回过来的那个工号
$("#gonggao").val(name); //动态给页面input 赋值
}

}）

使用ajax 发送请求，请求成功之后，把页面上的数据替换

也可以用jQuery的post请求
$.post("url",{id:""}, function(data) {},"json");

$.post(地址，参数，返回结果，类型）

通过JS来进行设值，或者直接打印HTML格式的数据