本文将为您提供关于如何在瓶子服务器中返回一个html文件？的详细介绍，我们还将为您解释如何在瓶子服务器中返回一个html文件夹的相关知识，同时，我们还将为您提供关于$.get()请求返回一个html页
本文将为您提供关于如何在瓶子服务器中返回一个html文件？的详细介绍，我们还将为您解释如何在瓶子服务器中返回一个html文件夹的相关知识，同时，我们还将为您提供关于$.get()请求返回一个html页面,获取该页面特定id的元素、$.get()请求返回一个html页面,获取该页面特定id的元素_html/css_WEB-ITnose、024 如何让html引用公共的头部和尾部（多个html文件公用一个header.html和footer.html）、ajax 后端方法给前端页面返回一段html文本，结果在页面上获得的却是一整个html页面的实用信息。
本文目录一览：- 如何在瓶子服务器中返回一个html文件？（如何在瓶子服务器中返回一个html文件夹）
- $.get()请求返回一个html页面,获取该页面特定id的元素
- $.get()请求返回一个html页面,获取该页面特定id的元素_html/css_WEB-ITnose
- 024 如何让html引用公共的头部和尾部（多个html文件公用一个header.html和footer.html）
- ajax 后端方法给前端页面返回一段html文本，结果在页面上获得的却是一整个html页面
如何在瓶子服务器中返回一个html文件？（如何在瓶子服务器中返回一个html文件夹）
所以我有一个运行的瓶子web框架,但我想在其中有一个网页.
我已经用html和css创建了网页,但我不知道如何让瓶子使用它.
我有它只显示HTML,但它的CSS部分不起作用.
我试过谷歌搜索,但我似乎无法找到这样的例子.
@get('/test')
def test():
return static_file('index.html',root="views")
我的css文件与views文件夹位于同一目录中.
解决方法
from bottle import static_file
@route('/static/<filename>')
def server_static(filename):
return static_file(filename,root='/path/to/your/static/files')
这是Bottle文档为提供静态文件提供的代码.
$.get()请求返回一个html页面,获取该页面特定id的元素
方法一:
因为data只是一个字符串，并不是一个DOM元素，所以不能用是JQUERY的选择器进行选择的。可以使用字符串正则进行处理。方法二:
用js如果不想用正则的话,可以变通实现,创建一个iframe,把<body>里面的所以字符通过document.write()进去,等iframe里面的页面加载完成时,再调用window.frames["iframe的id"].document.getElementById(''id'').innerHTML
$.get()请求返回一个html页面,获取该页面特定id的元素_html/css_WEB-ITnose
方法一:
因为data只是一个字符串，并不是一个DOM元素，所以不能用是JQUERY的选择器进行选择的。可以使用字符串正则进行处理。
登录后复制
方法二:
用js如果不想用正则的话,可以变通实现,创建一个iframe,把<body>里面的所以字符通过document.write()进去,等iframe里面的页面加载完成时,再调用window.frames["iframe的id"].document.getElementById(''id'').innerHTML登录后复制
024 如何让html引用公共的头部和尾部（多个html文件公用一个header.html和footer.html）
前端静态html页面，封装公共的头文件（header：顶部页眉，顶部导航栏等部分）和尾部文件（footer：CopyRight、友情链接等部分）
当前方法：通过load()函数，引入公共头部和尾部文件;
本文案例：引入通用的侧边栏
案例结构图：
侧边栏对应的html文件代码：
<aside class="main-sidebar">
<!-- sidebar: style can be found in sidebar.less -->
<section class="sidebar">
<!-- sidebar menu: : style can be found in sidebar.less -->
<ul class="sidebar-menu">
<li class="header">功能列表</li>
<!-- 菜单 -->
<li class="treeview">
<a href="#">
<i class="fa fa-folder"></i> <span>用户管理模块</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li id="admin-login">
<a href="all-admin-login.html">
<i class="fa fa-circle-o"></i> 权限修改
</a>
</li>
<li id="admin-register">
<a href="all-admin-register.html">
<i class="fa fa-circle-o"></i> 密码修改
</a>
</li>
</ul>
</li>
<li class="treeview">
<a href="#">
<i class="fa fa-pie-chart"></i> <span>数据库管理模块</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li id="charts-chartjs">
<a href="all-charts-chartjs.html">
<i class="fa fa-circle-o"></i> 01 基本信息
</a>
</li>
<li id="charts-morris">
<a href="all-charts-morris.html">
<i class="fa fa-circle-o"></i> 02 尺寸检验
</a>
</li>
<li id="charts-flot">
<a href="all-charts-flot.html">
<i class="fa fa-circle-o"></i> 03 机械性能
</a>
</li>
<li id="charts-inline">
<a href="all-charts-inline.html">
<i class="fa fa-circle-o"></i> 04 化学成分
</a>
</li>
<li id="charts-manager">
<a href="all-charts-inline.html">
<i class="fa fa-circle-o"></i> 05 检测结果
</a>
</li>
</ul>
</li>
<li class="treeview">
<a href="#">
<i class="fa fa-laptop"></i> <span>质量证明书管理模块</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li id="elements-general">
<a href="all-elements-general.html">
<i class="fa fa-circle-o"></i> 标准 General
</a>
</li>
<li id="elements-icons">
<a href="all-elements-icons.html">
<i class="fa fa-circle-o"></i> 图标 Icons
</a>
</li>
<li id="elements-buttons">
<a href="all-elements-buttons.html">
<i class="fa fa-circle-o"></i> 按钮 Buttons
</a>
</li>
<li id="elements-sliders">
<a href="all-elements-sliders.html">
<i class="fa fa-circle-o"></i> 滑块 Sliders
</a>
</li>
<li id="elements-timeline">
<a href="all-elements-timeline.html">
<i class="fa fa-circle-o"></i> 时间线 Timeline
</a>
</li>
<li id="elements-modals">
<a href="all-elements-modals.html">
<i class="fa fa-circle-o"></i> 对话框样式 Modals
</a>
</li>
<li id="elements-widgets">
<a href="all-elements-widgets.html">
<i class="fa fa-circle-o"></i> 窗体小部件 widgets
</a>
</li>
</ul>
</li>
<li class="treeview">
<a href="#">
<i class="fa fa-edit"></i> <span>表单 Forms</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li id="form-general">
<a href="all-form-general.html">
<i class="fa fa-circle-o"></i> 基础表单元素
</a>
</li>
<li id="form-advanced">
<a href="all-form-advanced.html">
<i class="fa fa-circle-o"></i> 高级表单元素
</a>
</li>
<li id="form-editors">
<a href="all-form-editors.html">
<i class="fa fa-circle-o"></i> 编辑器
</a>
</li>
</ul>
</li>
<li class="treeview">
<a href="#">
<i class="fa fa-table"></i> <span>表格 tables</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li id="tables-simple">
<a href="all-tables-simple.html">
<i class="fa fa-circle-o"></i> 简单表格
</a>
</li>
<li id="tables-data">
<a href="all-tables-data.html">
<i class="fa fa-circle-o"></i> 数据表格
</a>
</li>
</ul>
</li>
</ul>
</section>
<!-- /.sidebar -->
</aside>部分截图：
要引入侧边栏的html文件中添加如下代码：
在相应的位置添加侧边栏代码：
<script>
$(function(){
/*公共部分
* 导航栏
* footer CopyRight
*/
$(".adminsidebar").load("adminsidebar.html");
});
</script>效果图：
ajax 后端方法给前端页面返回一段html文本，结果在页面上获得的却是一整个html页面
问题：我要通过ajax做下拉框级联，有两个下拉框，第一个是代表仓库，第二个是代表库位，库位有个字段是所属仓库，所以我的需求是用户选择一个仓库后， 后边的库位的下拉框的选项就变为选中仓库下的库位。我在仓库的下拉框中使用onchange事件去用ajax查询相应的库位信息，然后后台返回如 <option value="001">库位1</option><option value="002">库位2</option>这样的数据，然后在页面上ajax的success回调函数中(用的是jquery的$.ajax方法) 用alert(result)打印后台返回的数据时，却是包含"<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.0 Transitional//EN'.."这样的像是整个html页面的内容。 这个问题引起的原因就是response.setContentType("text/html");这里的"text/html",这里告诉客户端用html“插件”来处理返回的内容，所以就引起了 像是返回了整个html页面的现象，这里只需返回像html的文本内容，所以不能设置为text/html,而应设置为文本内容相关的，如：text/json 或者text或者html都没有 问题。 详细的response.setContentType(MIME)说明如下： response.setContentType(MIME)的作用是使客户端浏览器，区分不同种类的数据，并根据不同的MIME调用浏览器内不同的程序嵌入模块来处理相应的数据。 例如web浏览器就是通过MIME类型来判断文件是gif图片，也是通过MIME类型来处理json字符串。 Tomcat的安装目录\conf\web.xml 中就定义了大量MIME类型 ，可以参考。 response.setContentType("text/html; charset=utf-8"); html .setContentType("text/plain; charset=utf-8"); 文本 text/javascript json数据 application/xml xml数据 这 个方法设置发送到客户端的响应的内容类型，此时响应还没有提交。给出的内容类型可以包括字符编码说明， 例 如：text/html;charset=UTF-8.如果该方法在getWriter()方法被调用之前调用，那么响应的字符编码将仅从给出的内容类型中设置。 该方法如果在getWriter()方法被调用之后或者在被提交之后调用，将不会设置响应的字符编码，在使用http协议的情况中，该方法设 置 Content-type实体报头。 一般在Servlet中，习惯性的会首先设置请求以及响应的内容类型以及编码方式： response.setContentType("text/html;charset=UTF-8"); request.setCharacterEncoding("UTF-8"); response.setContentType()的String参数及对应类型 <option value="image/bmp">BMP</option> <option value="image/gif">GIF</option> <option value="image/jpeg">JPEG</option> <option value="image/tiff">TIFF</option> <option value="image/x-dcx">DCX</option> <option value="image/x-pcx">PCX</option> <option value="text/html">HTML</option> <option value="text/plain">TXT</option> <option value="text/xml">XML</option> <option value="application/afp">AFP</option> <option value="application/pdf">PDF</option> <option value="application/rtf">RTF</option> <option value="application/msword">MSWORD</option> <option value="application/vnd.ms-excel">MSEXCEL</option> <option value="application/vnd.ms-powerpoint">MSPOWERPOINT</option> <option value="application/wordperfect5.1">WORDPERFECT</option> <option value="application/vnd.lotus-wordpro">WORDPRO</option> <option value="application/vnd.visio">VISIO</option> <option value="application/vnd.framemaker">FRAMEMAKER</option> <option value="application/vnd.lotus-1-2-3">LOTUS123</option> MIME映射策略就是在网页中使用哪个应用程序（即插件），打开哪种文件。另外还有使用权限问题。比如对PDF文档，用“application/pdf “策略。 这在动态网页中很常见。出现这种现象，有两种情形：一是使用一个应用程序去打开它不能打开的文档，比如用在标签中定义“DWG”文档用 “application/pdf ”， 就会出现无法打开的问题。二是文件扩展名符合要求，但文件内容（格式）不符合要求。你可以检查你浏览的网页源代码，获得出错信息。检查方法是：查看— 源文件。 寻找类似于“application/pdf “的字符串，就可以看到，要打开的文件是否与应用程序匹配。 追问 如果不相匹配 如何解决回答 这通常是由网页编写人来更改。 比如：你在源文件里面找到你要打开的文件的HTML标签，在里面加上应用程序即可。比如，你要在网页上打开一个PDF文档， 找到PDF文档那一行， 在HTML标签里加上 type=“application/pdf “ 就可以了。比如以下HTML文件： <!----------测试MIME-----------><html> <head><title>测试MIME</title></head><body> <a type="application/pdf" href="test.pdf">测试MIME</a> </body> </html> 将上面的代码保存为test.html，再在相同的位置存储一个pdf文档，双击它就会在网页中打开该文档。今天的关于如何在瓶子服务器中返回一个html文件？和如何在瓶子服务器中返回一个html文件夹的分享已经结束，谢谢您的关注，如果想了解更多关于$.get()请求返回一个html页面,获取该页面特定id的元素、$.get()请求返回一个html页面,获取该页面特定id的元素_html/css_WEB-ITnose、024 如何让html引用公共的头部和尾部（多个html文件公用一个header.html和footer.html）、ajax 后端方法给前端页面返回一段html文本，结果在页面上获得的却是一整个html页面的相关知识，请在本站进行查询。
本文标签：
![[转帖]Ubuntu 安装 Wine方法（ubuntu如何安装wine）](https://www.gvkun.com/zb_users/cache/thumbs/4c83df0e2303284d68480d1b1378581d-180-120-1.jpg)
