Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >将html代码返回给jquery好吗？

问将html代码返回给jquery好吗？
EN

Stack Overflow用户

提问于 2015-04-29 01:00:45

回答 3查看 76关注 0票数 0

我正在做一个有很多页的项目。每个页面显示10行，其中用于每个页面的布局不同。直到现在，我在javascript代码中有每一行的html代码，并且基于页面的url，我使用了适当的html代码(if语句)。if语句位于循环中，该循环根据行数进行循环。行的结果来自ajax方法。现在，我想以某种方式将它分开，这样我就可以更容易地维护它，基本上是从javascript中删除html代码，并将每一行的html代码保存在不同的文件中。

注意: Ajax是在给定的时间内，自动向php文件发送任何新行的请求。

我提出的一个解决方案是，我可以使用php创建一个带有html代码的变量。

第二个解决方案是使用html代码创建每个记录的数组，然后将其传递给jquery以进行打印。

这两种解决方案我都不知道是否是好的解决方案，可以帮助我在未来的项目维护。

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2015-04-29 01:39:30

您可以考虑使用模板库(如工具栏)来帮助进行模板开发。像AngularJS和Ember这样的框架也擅长解决这类问题。

您的应该返回JSON，而不是HTML片段。让客户端构建DOM，让服务器专注于数据。

票数 1

EN

Stack Overflow用户

发布于 2015-04-29 01:07:56

您应该将结构化数据(例如，请参见JSON )返回到AJAX请求。通过这种方式，您可以支持多个接口(例如，一个网站，一个应用程序)：每个接口只获取数据，并根据需要处理呈现。

在您的示例中，您通过AJAX请求请求数据，您的服务器以JSON结构的响应进行响应。JQuery通过jQuery.getJSON将其读取并转换为javascript数组。使用数组，可以循环遍历每个元素并将html元素插入到网页中。

票数 1

EN

Stack Overflow用户

发布于 2015-04-29 01:42:01

您有两个选项:如果HTML模板不经常更改，最好的方法是使用一些java脚本模板库在html结构中定义HTML模板(例如。车把)，并使用来自AJAX (JSON)请求的数据填充它。

如果HTML模板经常更改或依赖于行中的某些条件(数据)，则应该创建PHP部分视图，生成已经填充数据的适当的html结构。

对于许多行，最好是创建整个表服务器端来减少请求。

票数 0

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/29938949

复制

相关文章

vue 渲染HTML代码后台返回HTML代码

实现：<span v-html='html'></span> 使用 v-html 赋值就可以了

onety码生

2018/11/21

27.1K2

一句jQuery代码返回顶部

java jquery https http 网络安全

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/120678.html原文链接：https://javaforall.cn

全栈程序员站长

2022/07/15

1.1K0

HTML中给导航栏动态添加active（jQuery方式）

html jquery href url 遍历

方式一：找到 url和标签的对应关系，直接通过 id定位的方式给标签加上 active

岳泽以

2023/04/08

3.1K0

html中给flash加链接代码

html中给flash加链接代码：<embed width="600" height="380" wmode="opaque" pluginspage="http://www.macromedia.c

用户1730674

2018/05/02

2.4K0

html怎么将表格居中_HTML居中代码

html https 网络安全

表格是一种以有组织的方式呈现大量信息的绝佳方式。销售数据、网页流量、股票市场趋势和学生成绩是经常以表格形式呈现的信息示例。

全栈程序员站长

2022/11/04

5.1K0

jQuery点击返回顶部

<div class="backtop" href="javascript:;"> <img id="to_top" title="回顶部" style="width: 50px;" src="https://cdn.suoluomei.com/public/paparela/static/image/dingbu.png" alt="置顶图标"> </div> $(document).ready(function(){ //为当前窗口添加滚动条滚动事件 $

明知山

2020/09/03

6.1K0

jQuery.html()方法ie下不能设置html代码的问题

jQuery一般来说还是很好用的，但有时候它也会有些问题的，比如jQuery的html()方法设置html代码，在一种情况下，ie6、ie7、ie8 下是不能设置html代码的。本文说的问题只针对ie8（包括ie8）以下的浏览器。　　1.什么情况下IE6、IE7、IE8 jQuery.html("xxx")方法会设置不上html代码？　　答：当被加载的的html代码里面出现以下情况，ie8（包括ie8）以下是设置不上html代码的：　　　　a) 被设置的html代码中包含引用其他js的，如：<scr

磊哥

2018/05/08

1.9K0

html左侧浮动广告代码,jQuery 浮动广告实现代码[通俗易懂]

jquery css html javascript

$(this).scroll(function() { // 页面发生scroll事件时触发

全栈程序员站长

2022/11/05

4.6K0

jQuery实现返回顶部功能[通俗易懂]

java https 网络安全 html

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/158396.html原文链接：https://javaforall.cn

全栈程序员站长

2022/09/14

2K0

jQuery实现返回顶部功能[通俗易懂]

Springboot返回html 原

html https 网络安全 mvc spring

整体结构如下图1所示，html要放在static下，不是templates下

克虏伯

2019/04/15

3.4K0

Springboot返回html
原

返回给前端图片流

在开发时遇到造一个这样的问题，场景是这样的，前端需要一个接口，根据用户的id返回用户的图片流，当时没明白什么是流，后来通过查看nodejs的文档，nodejs具有流场景的应用，代码如下：

挥刀北上

2021/11/30

2.3K0

【教程】HTML用Jquery为pre标签代码块增加复制代码功能

网站 sdn 博客

代码主要参考自这篇：为网站代码块pre标签增加一个复制代码按钮代码_普通网友的博客-CSDN博客_pre js

小锋学长生活大爆炸

2023/03/01

1.6K0

【教程】HTML用Jquery为pre标签代码块增加复制代码功能

jQuery解析ajax 返回的json

一、controller /** * 检查预订开始时间和结束时间的合法性 * @param startTime * @param endTime * @return */ @RequestMapping(value = "checkTime") @ResponseBody public String checkTime(String startTime, String endTime) { int space=Time

week

2018/08/24

2.4K0

jquery的html,text,val

1.html()用为读取和修改元素的HTML标签 2.text()用来读取或修改元素的纯文本内容 3.val()用来读取或修改表单元素的value值。

ydymz

2018/09/10

1.5K0

jquery的html,text,val

.html()用为读取和修改元素的HTML标签 .text()用来读取或修改元素的纯文本内容 .val()用来读取或修改表单元素的value值。这三个方法功能上的对比 .html(),.text(),.val()三种方法都是用来读取选定元素的内容；只不过.html()是用来读取元素的HTML内容（包括其Html标签），.text()用来读取元素的纯文本内容，包括其后代元素，.val()是用来读取表单元素的"value"值。其中.和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上；

marsggbo

2018/01/23

1.9K0

jQuery HTML5 Uploader

推荐一款上传控件：jQuery HTML5 Uploader <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.html5uploader.min.js"></script> <script type="text/javascript"> $(

逸鹏

2018/04/09

1.4K0

jQuery HTML5 Uploader

jQuery仿极客公园火箭发射“返回顶部”效果（WordPress代码篇）

jquery wordpress php

前面分享了两篇有关《 jQuery 仿极客公园火箭发射“返回顶部”效果》的文章，如果你是Word-Press 老手，肯定知道如何移植到WordPress主题中；本文针对的是新手，如果你想在你的WordPress主题中实现这个效果，那就往下看吧！建议先看一下下面的文章——如果你还没有看过的话：《 jQuery仿极客公园火箭发射“返回顶部”效果（初始篇）》《 jQuery仿极客公园火箭发射“返回顶部”效果（优化篇）》教程如下（代码来源于andyliu，感谢原作者。）：先提前下载好所需要的上面的图片

Jeff

2018/01/19

1.6K0

类极客公园火箭发射“返回顶部”jQuery效果（WordPress代码教程）

jquery wordpress php

之前在三篇系列文章《jQuery仿极客公园火箭发射“返回顶部”效果》中已经给出了“仿”的教程，今天分享也是一个火箭发射“返回顶部”的效果，不过这个火箭更加肥胖了点。本来Jeff也想将这个运用到主题中的，但看到加载的图片容量——虽然只有50多kb，但实在是忍受不了那么大的体积。须知图片过大，加载速度势必降低。不过总体而言，50多kb不算大，是Jeff太挑剔而已~~ 在此之前，先来个Demo：演示地址下文来源于一路走，特效代码来自“饭后茶余”。教程如下：先提前下载好所需要的上面的图片，点击下载。建议放在主

Jeff

2018/01/19

1.3K0

jquery属性操作 html() prop()

使用html()相当于原生javascript的innerHtml，即可以获取元素的之间的html内容，还可以创建新的html元素。

Devops海洋的渔夫

2019/06/02

2.2K0

点击加载更多

相似问题

jQuery -将html代码赋值给变量

20

JQuery将函数返回给变量

12

将PHP变量返回给Jquery

13

AJAX将数据返回给jquery

43

将控制代码作为JSON返回给jquery ajax json调用

10

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例