如何把前端后端怎么把数据传给前端到后端,然后把后端传出的数据显示到HTML上

来源：蜘蛛抓取(WebSpider) 时间：2018-08-09 04:34 标签： 后端传数据到前端
前端和后台接口理解_百度文库
您的浏览器Javascript被禁用，需开启后体验完整功能，
享专业文档下载特权
&赠共享文档下载特权
&100W篇文档免费专享
&每天抽奖多种福利
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
前端和后台接口理解
&&J2EE前端和后台接口的理解
阅读已结束，下载本文需要
定制HR最喜欢的简历
下载文档到电脑，同时保存到云知识，更方便管理
加入VIP
还剩1页未读，
定制HR最喜欢的简历
你可能喜欢在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
//后端代码
public JsonResult SendData()
return Json( new {username="刘伟",teacherid="" });
//前端代码
&div class="box5" style="position:"&
&!-- 背景图的div --&
&img style="position: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: z-index:2; top:15px"&姓名：刘伟&/div&
//怎么把这个“刘伟”替换成动态的，由后端发送的？
&div class="FONT4" style="position: z-index:2; top:100px"&教工号：&/div&
//怎么把这个“”替换成动态的，由后端发送的？
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
&div class="box5" style="position:"&
&!-- 背景图的div --&
&img style="position: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: z-index:2; top:15px" id="username"&姓名：刘伟&/div&
//添加id="username"
&div class="FONT4" style="position: z-index:2; top:100px" id="teacherid"&教工号：&/div&
//添加id="teacherid"
&script type="text/javascript&
var xhr = new XMLHttpRequest();
xhr.open("get","url",true); //url改成自己的请求地址
xhr.send();
xhr.onreadystatechange = function() {
if(xhr.readyState == 4 && xhr.status == 200) {
var data = JSON.parse(xhr.responseText);
document.getElementById("username").value = "姓名:" + data.
document.getElementById("teacherid").value = "教工号:" + data.
//使用jQuery
&script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"&&/script&
&script type="text/javascript&
$.get("url",function(result){
var data = JSON.parse(result);
$("#username").val("姓名:" + data.username);
$("#teacherid").val("教工号:" + data.teacherid);
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：
在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。springMVC+thymeleafform表单提交前后台数据传递
springMVC+thymeleaf 简单例子
@RequestMapping(value = &/add&, method=RequestMethod.POST)
public String save(@ModelAttribute(value=&message&) Message message) {
&form action=&#& th:action=&@{/add}& th:object=&${message}& method=&post&&
&input type=&text& th:field=&*{info}& /&
&input type=&submit& /&
Message实体类：
public class Message {
public String getInfo() {
public void setInfo(String info) {
this.info=
特别注意 th:field
这个属性在Spring-m里很重要，承担着绑定后台Bean属性的重任
th:field必须是选择表达式(*{&})。
&p th:object=&${book}&&
&span th:text=&*{title}&&...&/span&
前面选择了book,接下来就按照它求值。为了账号安全，请及时绑定邮箱和手机
前端和后端是怎样连接在一起的？
前端和后端是怎样连接在一起的？
前端发送请求到后端，后端查出动态数据，拼接到html模板中（php/jsp），生成静态的html传到前端，前端由浏览器展现内容。如果是前后端分离，那么前端就是纯html/js，通过ajax请求向后端拿数据再有js生成页面
你还没有登录，请先登录或注册慕课网帐号
62572人关注
28158人关注
Copyright (C) 2018 imooc.com All Rights Reserved | 京ICP备 号-11前端如何把后端渲染好的html页面直接显示出来？【jquery吧】_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：45,697贴子：
前端如何把后端渲染好的html页面直接显示出来？收藏
$.ajax({type: &POST&,url: &ht tp://*****/recommendpic.php&,dataType:&json&,data: {userid:&298865&,num:&1&},success:function(json){
alert(json);}});前端是这种形式的来给后端发请求，并取得返回数据。一般的数据，我会，但是现在后端给前端返回的json数据是带html标签的，就是一些&img&&p&&div&这些，用上面的方法，只显示了文字，图片一个都没显示出来，后端&img&里的图片都是远程图片地址，如：ht tp://***.jpg.
千锋jquery 名师荟萃 汇聚html5前沿技术 全栈式教学模式 免费试学两周千锋jquery 0基础20周快速提升,成就html5实战精英 实战教学 学习就业无缝对接!
是可以取html文字加到dom里
json直接返回数据比较好吧，然后通过append添加到html元素中
直接追加到页面啊
登录百度帐号

我要回帖

更多关于 后端传数据到前端 的文章

 

随机推荐