代码-html页面的动态加载后台传回来的数据?

问题描述

html页面的动态加载后台传回来的数据?
一直写静态代码,没做过数据动态加载。比如静态html页面中:

 <div>    <div class=""title""></div>    <div>        <img src=""test.jpg"" alt=""图片""/>    </div>    <div class=""content"">        <p>文章介绍</p>    </div></div>

一个真实项目中title,img,content肯定都是动态加载的。要怎么写一个URL模板
将后台数据通过ajax写进title,img,content这些标签里?我知道json,但我只能
用innerHtml把数据写进去。好像实际的项目都是用a标签的URL引入这个它原本的资源。
(我没写过动态数据加载,但项目里马上让我写这个。我没有C币,谢谢啦。)

解决方案

后台代码封装成json格式返回页面啊

解决方案二:
让后台给你相关的数据,然后你只负责前台加载相关数据就可以了。js解析json不难的,网上很多。

解决方案三:
ajax获取到数据后自己遍历组合成你那种形式的html代码然后设置容器的innerHTML就行

解决方案四:
后台将数据封装成json,在前端html里写一个Ajax请求获取数据,然后用js来解析json就好了

时间: 2024-12-01 05:26:36

代码-html页面的动态加载后台传回来的数据?的相关文章

Winform开发框架之客户关系管理系统(CRM)的开发总结系列4-Tab控件页面的动态加载

在前面介绍的几篇关于CRM系统的开发随笔中,里面都整合了多个页面的功能,包括多文档界面,以及客户相关信息的页面展示,这个模块就是利用DevExpress控件的XtraTabPage控件的动态加载实现的,本篇文章主要介绍两种方式的动态加载,一个是对用户控件(UserControl)模块的动态加载,一个是对普通窗体(Form)的动态加载,通过这两种方式,我们有时候可以动态实现很丰富的界面效果. 1.用户控件(UserControl)模块在Tab控件中的动态加载 参考了很多CRM的系统,一般都是把CR

Extjs4使用mvc模式,封装Store层的ArrayStore无法动态加载后台数据

问题描述 Extjs4使用mvc模式,封装Store层的ArrayStore无法动态加载后台数据 store层代码 Ext.define('Desktop.store.function.FunctionStore'{ extend: 'Ext.data.ArrayStore' requires:['Desktop.model.function.UserModel'] model: 'Desktop.model.function.UserModel' autoLoad: true proxy:{

Winform开发客户关系管理系统(CRM)总结 4 Tab控件页面的动态加载

在前面介绍的几篇关于CRM系统的开发随笔中,里面都整合了多个页面的功能,包括多文档界面,以 及客户相关信息的页面展示,这个模块就是利用DevExpress控件的XtraTabPage控件的动态加载实现的, 本篇文章主要介绍两种方式的动态加载,一个是对用户控件(UserControl)模块的动态加载,一个是对 普通窗体(Form)的动态加载,通过这两种方式,我们有时候可以动态实现很丰富的界面效果. 1.用户控件(UserControl)模块在Tab控件中的动态加载 参考了很多CRM的系统,一般都是

aspx页面中按照情况,后台动态加载不同的ascx的按键问题

问题描述 首先说明一下,我是刚学asp.net没多久,很多概念不清,如有错误请见谅.问题是这样的,我现在已经实现了根据情况向aspx页面中动态加载ascx,即可以点击左边的选项,向右边将在ascx.大致界面效果如下概念图(新手,勿怪.....),这是一个aspx页面:LinkButton:员工管理|右侧LinkButton:新闻管理|具体LinkButton:时间安排|显示右边显示的就是ascx,aspx的Page_load中有一个默认的加载的ascx.现在的麻烦是,当我点击左边的非默认的部分,

Android编程动态加载布局实例详解【附demo源码】_Android

本文实例讲述了Android编程动态加载布局的方法.分享给大家供大家参考,具体如下: 由于前段时间项目需要,需要在一个页面上加载根据不同的按钮加载不同的布局页面,当时想到用 tabhot .不过美工提供的界面图完全用不上tabhot ,所以想到了动态加载的方法来解决这一需求.在这里我整理了一下,写了一个 DEMO 希望大家以后少走点弯路. 首先,我们先把界面的框架图画出来,示意图如下: 中间白色部门是一个线性布局文件,我喜欢在画图的时候用不同的颜色将一块布局标示出来,方便查看.布局文件代码如下:

动态加载iframe时get请求传递中文参数乱码解决方法_javascript技巧

当用户的页面需要动态加载iframe 时, 如果iframe的src中包传中文参数会出现编码错误:必须加编码,然后再解码. 编码:encodeURI(encodeURI("包含中文的串")) 解码:java.net.URLDecoder.decode("需要解码的串","utf-8"); 解决方案 使用 encodeURI('中文') 进行编码操作, js代码: 复制代码 代码如下: $(function() { $('#frame').attr

Android插件化之资源动态加载_Android

Android插件化之资源动态加载 一.概述 Android插件化的一个重要问题就是插件资源访问问题,先列出会面对的问题 1.如何加载插件资源 2.如何处理插件资源与宿主资源的处突:插件化资源问题要做到的效果是,如果我们要获取的资源在插件中找得到,则加载优先加载插件的,如果找不到,则到宿主资源中找.这样能做到动态更新的效果. 3.如何确保插件和宿主使用到的是被修改过的资源. 二.原理分析 在做一件事之前必须先弄清楚原理,所以,这里先要弄清楚Android的资源体系原理. 1.资源链   Cont

Android 动态加载布局

由于前段时间项目需要,需要在一个页面上加载根据不同的按钮加载不同的布局页面,当时想到用 tabhot .不过美工提供的界面图完全用不上tabhot ,所以想到了动态加载的方法来解决这一需求.在这里我整理了一下,写了一个 DEMO 希望大家以后少走点弯路. 首先,我们先把界面的框架图画出来,示意图如下: 中间白色部门是一个线性布局文件,我喜欢在画图的时候用不同的颜色将一块布局标示出来,方便查看.布局文件代码如下: <?xml version="1.0" encoding="

ExtJs 4.2.1 复选框数据项动态加载(更新一下)

最近在做博客项目,后台管理用的是ExtJs4.2.1版本,因为是初学所以在使用的时候也遇到不少的这样或那样的问题,也写了不少这方面的博客,今天要写的博客是关于复选框数据项动态的加载功能,以前也没用过,初次用,不知道怎么动态加载,静态加载很容易,添加itmes就可以了,于是我在网上找找有关这方面的博客,找到一篇,不过遗憾的是,这种方法太糟糕了,不是很方便,于是找到了一个很好的解决方法:   //点击编辑弹出的formpanel var formPanel = new Ext.FormPanel({