div中加入iframe,可以实现Ajax的功能

div中加入iframe,可以实现Ajax的功能,如果查询的时候,比如说城市的选择,用Ajax去实现,

在.net 可以考虑用UpdatePanel,但是点击了查询又把原来的选择的城市给清零了。

用iframe可以有效的解决问题。

<script type="text/javascript">
        function searchSupplier(id) {
            document.getElementById(‘iframe1‘).src = ‘supplier_detail.aspx?id=‘ + id;
        }
    </script>

<div class="xx">

<div class="zz">
<iframe id="iframe1" frameborder="0" scrolling="no" src="supplier_detail.aspx" width="650px" ></iframe><!--此处不可以写成/>,一定要写成</iframe>,不然显示不出来后面的html内容......,可能浏览器认为还没有结束吧。--></div>

......

</div>

时间: 2024-10-11 10:40:14

div中加入iframe,可以实现Ajax的功能的相关文章

div中显示某个网页

原文:div中显示某个网页 1.<iframe>方法 2.ajax方法 ajax+流实现无框架限制块刷新: 主框架index页面: js: $(function(){   $("#dialog").dialog({    width:500,   height:550 });$("#dialog").openDialog(); $("#dialog").hide();    }); html:< div id="dia

实现全屏轮播,并且轮播div中的文字盒子一直自动垂直居中

效果如下: 直接上代码了: 说明:轮播图基于swiper.js,自行下载.css在最后 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.

用jQuery向div中添加Html文本内容

前台代码: <link href="http://www.cnblogs.com/Content/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" /><script src="http://www.cnblogs.com/Scripts/jquery-1.4.4.min.js" type="text/javascript&quo

div中粘贴图片并上传服务器 div中拖拽图片文件并上传服务器

应用简介:此文主要是描述如何在前端div中直接ctrl+v 粘贴图片,并上传到服务器,包括拖拽图片文件到div中 应用场景描述:用QQ或者其它切图软件截图,在指定的div中ctrl+v 粘贴并显示,点击上传按钮,图片上传到服务器.类似实现了此功能的网站有 知乎,强力建议博客园实现此功能,                     写博客时插入图片方便的多. 适用环境:本代码目前适用谷歌浏览器,其它浏览器需要稍微改良一下即可,问题不大. 开发环境:vs2015 mvc 不说废话了,开始吧: 1:首先

IE8下div中2个按钮只显示一个

IE8下div中2个按钮只显示一个,代码如下: <div id="adviceType" style="display: none;" > <select name="adviceTypeOne" id="adviceTypeOne" class="shortselect" > <option value="-1">--请选择--</option

IE8下div中2个button仅仅显示一个

IE8下div中2个button仅仅显示一个,代码例如以下: <div id="adviceType" style="display: none;" > <select name="adviceTypeOne" id="adviceTypeOne" class="shortselect" > <option value="-1">--请选择--<

jsp布局中关于&lt;iframe&gt;标签的使用

iframe 元素会创建包含另外一个文档的内联框架(即行内框架).注意:在 HTML 4.1 Strict DTD 和 XHTML 1.0 Strict DTD 中,不支持 iframe 元素. <div id="iframepage"> <iframe src="/test/common.html" align="middle" id="iframepage" width="100%"

ExtJS如何取出某个DIV中的内容

在使用ExtJS的时候,不免我们要在某个DIV中取出DIV的内容,因此通过查找api和相关资料应该向如下方式进行取值 1 Ext.onReady(function(){ 2 var panel = new Ext.Panel({ 3 title:'Ext.core.domhelper.applystyles示例', 4 width:300, 5 height:200, 6 renderTo:'sub1', 7 html:"<div id='div1' style='height:160px

将图片在div中进行水平和垂直对齐

将图片在div中进行水平和垂直对齐 要进行水平对齐,只需在父级元素的样式中指定: text-align: center; 注意,是在父级元素的样式中指定,而不是在img本身的样式中指定. 要进行垂直对齐,相对来说则麻烦得多.期待简单的在img元素的父级元素的样式中指定vertical-align: middle是行不通的,在img元素本身的样式中指定也同样行不通(你在网上查到的方法都是这样).真正有效的方法如下: 首先,由于vertical-align: middle这个样式是只有在displa