主界面上通过ajax返回的html字符串,然后怎么进行弹出新页面进行展示这个html 5C

主界面上通过ajax返回的html字符串,然后怎么进行弹出新页面进行展示这个html,html字符串是动态生成的。 好像通过iframe可以解决但不知道怎么下手。

0

3个回答

$.ajax({
url: '…………',
success: function(resp){
var newWin = window.open('', '_blank');
newWin.document.write(resp);
}
});

0
qq_33470469
小鑫lay 回复hx366: 好的我试试,方便留个联系方式嘛
10 个月之前 回复
hx366
hx366 回复qq_33470469: 后面再加一句: newWin.location.reload(true)
10 个月之前 回复
qq_33470469
小鑫lay 这样写返回的html中的js和CSS都不能加载。怎么解决呢
10 个月之前 回复
$.ajax({
    url: "./xxxx/123.html",
    type: "GET",
    dataType: "text",
    success: function (data) {
        var ow = window.open();
        ow.document.write(data);
        ow.document.clear();
    }
});

要注意在返回的html字符串中,需要加载的css和js文件地址或超链接的url地址都要写成相对于当前页面的相对地址,不要写成相对于123.html的相对地址。

0
不需要ajax,直接用window.open('url', '_blank');加载你的地址就可以了
-1
qq_33470469
小鑫lay 返回的不是地址,是html拼接成的字符串
10 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
关于动作器中返回的字符串在html页面中的展现效果
正常情况下,动作器中返回的字符串会在编码后再打印到html页面上,比如当动作器内容如下时: public ActionResult test() { string res = "<input type='text' />"; return View((object)res); } 会在...
ajax实现从后台拿数据显示在HTML前端
HTML页面,ajax是基于id的,所有用id表示。 拿到的数据会显示在这里 ajax源码: $(document).ready(function() {             $.ajax({                 url : "admin/get_online_ganbu.php",//后台请求的数据,用的是PHP                 dataTyp
jquery ajax 返回整个html页面
用ajax从jsp拿回ajax数据,却发现连带html整个代码都返回了,解决方法是关闭response的writer 下面是ajax代码 $j.ajax({             type : "POST",             url : "/asi/js
使用ajax请求在新页面打开html文本
目前项目使用的大前端的开发方式,使用token作为前后台交互的凭证,但是遇到这样一个问题收集平板终端需要显示一个webview,这个webview还可以继续访问其他页面。这种不想jsp有session,cookie这种回话机制维护,也不向前端项目有路由交互,所以需要将html文本在新页面中显示出来。其实js打开一个新页面很简单,window.open(url),但是这个web1.0的方式传递不了h...
js弹出一个新窗口进行选择并且返回这个页面的值-showModalDialog
a.html function openWin(){ /* * * window . showModalDialog ( sURL , vArguments , sFeatures ) 建立模式对话框显示指定的文档 * * * sURL:必选项,指定要载入和显示的 URL
前端通过Ajax请求从后台返回数据到页面显示,实现分页功能
本文纯属自己平时编代码时的总结,一来以便自己使用,二来和大家交流交流 后端controller代码 JsonMessage jsonMessage = new JsonMessage(); //经过一些处理将数据存储在map中 MapString,Object> map = new HashMapString,Object>(); //list中放返回的数据 map.put("list",
用ajax请求返回来的list集合在页面上迭代显示出来
ajax请求是一个已不处理的过程,也就是说是局部刷新,而不是重新刷新整个页面,所以我们访问后台的服务器得到的数据应该是一个json格式的数据,然后通过输入输出流response到页面上。 前端页面: 代码: $(document).ready(function(){    $("a").click(function(){         $.ajax({    
js通过按钮button点击弹出一个新的窗口页面
window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no') //这句要写成一行   -->         参数解释:    js脚本开始
ajax请求到后台数据,前台不用拼接字符串append追加HTML标签,一样显示到页面 (使用空模板)
$.get("<%=request.getContextPath()%>/searchAll", function(data){ $.each(data.tasklist ,function(i,obj){ /* 获取数据,添加给模板表格 */ $("#tem
Thinkphp3.2 ajax返回大数组需要拼装html标签显示到页面上的技巧
前几天看到项目里ty姐写的代码,返回一个大数组给ajax请求,然后要拼上html标签显示到页面上,有个非常聪明精简的技巧。把数组assign到一个新的html文件,直接display,文件里的html标签就是我们应该拼的那一部分,然后在那个文件里就像正常访问一样volist等循环判断一整套处理数组。最后在ajax success里  $('#aaa').html(返回值);现在使用过两次,没发现什...
通过JS、JQ,实现对json数据调取,并循环展示到页面
通过JS、JQ,实现对json数据调取,并循环展示到页面 $(document).ready(function(){ data=$.ajax({url:"获取json链接地址",async:false}); data2 = data.responseText; var data2 = JSON.parse(data2); var data3 =data2.
jquery如何通过ajax请求获取后台数据显示在表格上
$(function(){ $.ajax({ url:'data.json', type:'get', dataType:'json', success:function(data){ $.each(data.data,function(index,item){ var tr;
通过JQuery和AJAX实现页面数据的动态加载
对JQuery不咋了解,想实现一个像google图片里的下翻页的效果,闭门造车一番,终于搞定了。 [color=red] 不咋了解其他实现方式,有好的实现方式探讨下。[/color] 我的实现方式没啥难的,有一个需要注意的地方就是设置一个锁,避免onscroll事件触发后多次调用ajax。 另外如果是静态数据内容,比如团购网站的每天团购内容不变化,可以记录刷新到数据的总数量。因为每...
JS 点击元素发ajax请求 打开一个新窗口
JS 点击元素发ajax请求 打开一个新窗口         经常在项目中会碰到这样的需求,点击某个元素后,需要发ajax请求,请求成功以后,开发需要把链接传给前端(或者说请求成功后打开新窗口),前端需要通过新窗口打开这个链接,其实这样的原理大家可能觉得非常简单,想起来非常简单,用JS中的window.open就可以实现打开新的窗口,或者点击div元素,发ajax请求成功后,动态把链接传给a
HTML弹框跳转到新的页面
新系统上线,旧的系统还在用,想在旧系统页面添加一个弹框,提示用户跳转到新页面 添加到HTML页面中 confirm弹框,效果类似于alter弹框,有确定和取消按钮 &amp;lt;script type=&quot;text/javascript&quot;&amp;gt; var msg = confirm(&quot;旧版资源中心即将下线,请点击确定按钮去新版本页面&quot;); if (msg) { window...
怎样将后台拼接的html串显示在弹出页面中
很多项目中都有将后台查询出来的集合拼接成html字符串,然后显示在弹出页面中,下面结合我做的项目讲一讲具体如何实现。 1、后台service层根据条件查询出结果集合,并拼成string /** * 查询目标分解情况返回表格字符串 * @param id * @return */ public String searchDecomposeInfo(String id)
如何将服务器传来的字符串转成HTML显示在前端页面
从后台返回的字符串是一段HTML源代码,如果不做处理,直接插入前端页面中 ,会显示为字符; 现需求为:将后台返回的字符串str以HTML显示在div中: 解决方法: js:document.getElementById('container).innerHTML = str; 完全解决
自定义异常,向页面展示异常信息
AJAX部分$.ajax({ url:"safety/loginCheck.action", data:{ "user.loginAct":username, "user.loginPwd":password }, dataType:"json", success:function
Ajax发送请求后,将返回页面以弹出层(layer)的形式展现
layer、ajax结合使用
react中将html字符串渲染到页面
在做react项目时,有时候需要将后台传过来的html的字符串变成真正的结构渲染到页面,如果直接插入的话页面显示的就是这段字符串,而不会进行转义,可以用以下方法插入,便可以html的形式展现: &amp;lt;div dangerouslySetInnerHTML={{__html: &quot;&amp;lt;p&amp;gt;这里是自己要渲染的数据内容&amp;lt;/p&amp;gt;&quot;}} /&amp;gt; 实际用法: &amp;lt;div c...
AJAX获取数据然后显示在页面
主要功能流程介绍循环获取列表数据 点击列表数据进入详情页 点击报名参加弹出报名成功提示框 点击提示框中的确定按钮,跳回列表页代码实现流程和解说一、列表页1、访问链接list.php时判断是pc端还是客户端$user_agent_arr = mall_get_user_agent_arr(); if(MALL_UA_IS_PC == 1) { //**************
如何将ajax得来json数据快速展示到html代码中?绝对干货
俗话说,分久必合,合久必分 什么东西都阻挡不了大势,俗话说,大势所趋就是这个道理 在多终端的环境下,以前让服务端比如php那些煞笔在页面上直接输出数据的年代早就过去啦, 什么?你们还这样做? 那就有人要问了,那现在流行什么呢?请容我细细道来 那就是数据和前端绝对的分开,服务器只负责提供 一串json数据,至于数据怎么展示,就交给前端啦,所以一个
用ajax提交form并将返回值显示在网页
简单说一下做的是什么:其实就是一个筛选器,当然实际内容比这个多,所以如果采用参数的方法进行传递,非疯掉不可,所以想要用form的形式进行;解决方案:ajax+form的submit麻烦:这个方案也有麻烦——就是虽然在前端写的代码少了,但是后端代码多写了,而且复杂程度其实比前端高。先看前端代码(省略了内容部分):&amp;lt;form class=&quot;tiaojian main_n&quot; id=&quot;sxtj&quot;&amp;g...
使用ajax异步请求数据,并展示在html中
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="jquery-1.11.3.js" type="text/javascript"></script> <style> .fu{ width:400px; height:400px; background-col
前端纯js(html+css+jquery+ajax)实现网站页面获取后端数据并进行条件筛选功能
自己封装了一个基于html+css+jquery+ajax封装了一个网站页面获取后端数据并进行条件筛选的功能,复用性高,兼容google、ie9-11等主流浏览器,话不多说,直接上代码: 效果图: html:  &amp;lt;div class=&quot;choose&quot;&amp;gt; &amp;lt;p class=&quot;type_name&quot; id=&quot;devicebrand&quot;&amp;gt; &amp;lt;...
关于ajax接收json数据在页面显示的问题
开发中遇到的问题,记录下. 在开发中遇到一个需求,需要把查出来的数据通过点击事件异步显示到页面上去,由于用到的框架是springboot,也没多想就直接去用thymeleaf了.结果就是model可以放进去,页面就是取不出来.后来才明白,这根本就是两码事,规规矩矩去取出data.拼接了.(查出来的数据是json格式的). 开始前先介绍总结下ajax前后台知识,一步一步来: 1.使用ajax之...
html js打开一个新的页面
1.在同当前窗口中打开窗口 baidu 等效js代码 window.location.href="http://www.baidu.com"; 2.在另外新建窗口中打开窗口 baidu 等效于js代码 window.open("http://http://www.baidu.com");
让html标签显示在页面上
两种方式: 1.    标签 这样标签里面的内容将原封不动的显示出来。   例如    a b c 2. 在js设置的时候 使用text()去掉html()   $("#tt").text("111")
2017精华版:jquery 中 ajax,后台获取数据库json数据,显示在html页面 02
2.页面 显示 ajax返回 的json数据 页面代码: mian.html rel="stylesheet" type="text/css" href="css/bg.css"/> type="text/javascript" src="main.js"> class="maincontent row "> class="breadcrumb"> 首页
ajax请求,重定向到一个新页面以及回调打开新窗体被拦截
ajax在请求完数据之后,重定向到一个新页面 "top.location.href"是最外层的页面跳转 "window.location.href"、"location.href"是本页面跳转 "parent.location.href"是上一层页面跳转. location是window对象的属性,而所有的网页下的对象都是属于window作用域链中(这是顶级作用域),所以使用时是可以省
用ajax实现HTML 功能,从而达到动态从数据库中得到数据,而不要去修改jsp页面。代码:
用ajax实现HTML 功能,从而达到动态从数据库中得到数据,而不要去修改jsp页面。代码:
2017精华版:jquery 中 ajax功能,获取数据库数据,显示在html页面 01
路由: ajax访问的路径,获取数据,在对应页面js 文件中 获取 对应的路径返回的数据 1.定义路由js : var router = require("express").Router(); var model = require("./model"); /***********************************************************
html页面通过js方法跳转新页面,新页面获得上一个页面的数据简单方法
1.在第一个页面的js中的跳转路径中添加需要传导的参数,例如: window.location.href=&quot;xxxx.html?data1=&quot;+data1+&quot;&amp;amp;data2=&quot;+data2 2.在新页面  function GetRequestParameters() { var url = location.search; //获取url中&quot;?&quot;符后的字串 ...
json数据绑定到前端页面元素
方法: 1、首先取到页面元素。2、用jQuery调用json对象。jQuery.fn.extend({ 'jsonBind':function(json){ var dom=this; dom.find('[json-bind]').each(function(){ va...
rails4使用bootstrap的模态框插件,结合ajax做出从弹出框选取内容返回给原页面的效果
rails4使用bootstrap的模态框插件,结合ajax做出从弹出框选取内容返回给原页面的效果。
AJax 把拿到的后台数据在页面中渲染
AJax 把拿到的后台数据在页面中渲染
ajax返回结果弹框
查看信息 function searchCertificate(sslInsCode){     $.ajax({         type : 'POST',         cache : false,         dataType : 'json',         url : ctx + &quot;/sale/sslOrder/searchCertificate.action&quot;,   ...
jQuery中ajax请求后台返回json数据并渲染HTML
html实例table border="0" class="restaurant_food" cellspacing="0" cellpadding="1"> input type="text" name="dishes" value="" class="seek_product" placeholder="请输入菜名"/> button type='button' class="
后台返回的HTML整个页面代码打开方法
后台返回的html代码片段,需要插入html标签中,而返回的整个html文档,则需要重写整个页面。解决方法:需要一个中转页面,用document.write()方法重写整个页面;// POST任意内容并跳转 function StandardPost(html) { localStorage.removeItem('callbackHTML'); localStorage.setI...
jquery ajax请求数据,并显示在页面上
使用ajax请求获取数据 $.ajax({ //要用post方式 type: &quot;get&quot;, //方法所在页面和方法名 url: contextPath + '/tjbb/zhtjlist', contentType: &quot;a...
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 怎么进行区块链 怎么进行java学习

相似问题

3
主界面上通过ajax返回的html字符串,然后怎么进行弹出新页面进行展示这个html
3
我用pyqt5写了一个界面,但是不知道怎么接收客户端收到的信息
0
eric6 pyqt5 怎么实现类似qq聊天窗口的合并
4
如图,选中Combo下拉列表的内容后,如何通过Button点击控制Combo里的内容跳转,在线等
1
wxpython怎么在界面显示矩阵
8
centos图形界面安装成功了,怎么文本界面这么小,大佬们怎么搞啊,图形界面设置分辨率没用
6
我装完图形界面后,命令行界面怎么变小了,求助大佬怎么搞!!!
1
帮我运行一下PYQT5的界面代码,点击菜单中的打开,看是否弹出文件对话框
12
用java写一个像百度云盘的这样界面,怎么写?
5
支付宝加载的界面的一个问题求教
3
VC中MFC视图中建立的其它控件,单击时这些控件的界面会显示到文本框的位置上
4
有关后端数据在前端展示的问题
2
QT怎么制作一个表单,怎么每秒获取一次数据显示在表单上?
5
matlab GUI程序界面,求解二元一次方程,并将其中的一个根转换成字符串显示在GUI的文本框中
8
怎么做出下图的效果,求教!
3
无人机屏显界面是怎么编写的?
4
source insight 4怎么恢复界面
4
利用JAVA编写了串口数据接受程序,如何做出类似数码管显示界面的图形
3
AS界面上光标点击了,就出现白色一条!!!
5
VS2015开发安卓,拖一个GridView控件报错怎么解决啊