`
guyongpeng
  • 浏览: 61557 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

使用iframe快速构建小的ajax应用

阅读更多
ajax强大,但一大堆js包未免复杂,对于页面中一小点的ajax应用,iframe亦可很容易地做到:

1. 首先定义一个不可见的iframe:
<iframe id="hiddenFrame" width=0 height=0></iframe>


2. 定义触发函数:
function detectUserName() {
    var url = "detect_user_name.action?member.loginId=" + document.getElementById("member.loginId").value;
    document.getElementById("hiddenFrame").src=url;
}

3. 触发按钮
<input type="button" id="detectUserNameButton" value="检测用户名" onclick="detectUserName();">


4. detect_user_name.action的result页面中利用js来弹出结果信息
分享到:
评论

相关推荐

    java iframe应用 jsp j2ee

    本篇将深入探讨Java如何利用IFrame(Inline Frame)技术进行Web页面的构建,以及在JSP和J2EE环境下的具体应用。 首先,IFrame是一种HTML标签,用于在网页中嵌入另一个网页或动态内容。在Java Web应用中,IFrame常被...

    iframe ajax前端框架

    **标题解析:** "iframe ajax前端框架" 指的是一种在前端开发中...以上是对"iframe ajax前端框架"及其基于Angular的描述的详细知识点解析,这些知识涵盖了前端开发的重要概念和技术,有助于理解如何构建这样的框架。

    bootstarp+iframe 实现局部刷新 后台模板

    `&lt;iframe&gt;`标签则常用于在网页中嵌入另一个网页或应用,相当于在一个小窗口内显示另一个独立的页面。在后台模板中,`iframe`通常被用来承载各个功能模块,如数据管理、设置等,这样当用户在不同模块间切换时,只需要...

    Adminlte(bootstrap)iframe版本

    AdminLTE是一款广受欢迎的开源后台管理模板,它基于Bootstrap框架构建,提供了丰富的UI组件和预设的布局选项,便于快速开发高效、响应式的后台界面。在这个"AdminLTE(bootstrap)iframe版本"中,我们主要关注的是如何...

    layuiadmin-iframe3.zip

    layui框架本身提供了大量的前端组件,包括表格、表单、按钮、弹窗、导航、图标等,使得开发者能够快速构建出美观且响应式的用户界面。在这个layuiadmin-iframe3项目中,我们可以期待看到如何利用layui的iframe模块来...

    Ajax,jqgrid,标签页Iframe进销存代码

    综合以上知识点,"Ajax+JQuery+Json+Asp.net"这个压缩包可能包含了一个使用Ajax框架、jQuery库、JSON数据格式和ASP.NET技术构建的进销存系统示例。开发者可以通过学习和修改这些代码,了解如何实现前后端数据交互、...

    Extjs6-iframe-优化.rar

    在IT行业中,ExtJS是一个广泛使用的JavaScript框架,用于构建企业级的富客户端应用程序。这个名为"Extjs6-iframe-优化.rar"的压缩包文件似乎包含了一个针对ExtJS6的特定插件——IFrame.js的优化方案。IFrame,全称...

    layui-iframe.rar

    "layui-iframe.rar"这个压缩包很可能是layui的一个应用场景,涉及到在页面中使用layui框架创建iframe组件的示例或模板。 layui的设计理念是“轻量、易用、模块化”,这使得它在开发过程中具有很高的灵活性。它提供...

    iframe框架后台模板

    【iframe框架后台模板】是一种基于iframe技术构建的静态前端管理系统,其主要特点是利用iframe的特性来实现多页面的集成和管理。在Web开发中,iframe(Inline Frame)是一种嵌入式框架,允许在一个HTML文档中嵌入另...

    IFrame简单例子

    这在构建复杂的Web应用程序或集成第三方内容时非常有用。 ### IFrame的基本结构 IFrame的HTML语法如下: ```html &lt;iframe src="http://example.com" width="400" height="300"&gt;&lt;/iframe&gt; ``` `src`属性定义了要...

    基于AdminLTE(bootstrap)用iframe实现的局部刷新的案例

    通过研究这些文件,开发者可以深入理解如何在实际项目中应用局部刷新和iframe技术,同时也可以学习到如何将AdminLTE和Bootstrap结合,构建功能强大且用户体验良好的后台管理系统。 总之,这个案例展示了如何利用...

    iframe实现左侧菜单右侧页面简单示例

    还可以考虑使用现代前端框架,如React或Angular,来构建更复杂的应用。 总的来说,"iframe实现左侧菜单右侧页面简单示例"是一个很好的教学资源,它涵盖了网页布局、iframe嵌套、CSS样式设计等基础知识,对于初学者...

    .net iframe框架

    .NET 框架中的 iframe( Inline Frame)是一种...正确使用和理解 iframe 的工作原理及其在 .NET 环境下的应用,对于提升 Web 应用的交互性和复杂性至关重要。在实际开发中,应充分考虑其优缺点,以提供最佳的用户体验。

    完美解决iframe跨域问题

    4. **JSONP(JSON with Padding)**:虽然主要应用于脚本异步请求,但也可以用于解决iframe跨域。通过动态创建`&lt;script&gt;`标签,利用回调函数来传递数据。 5. **CORS(Cross-Origin Resource Sharing)**:服务器端设置`...

    jquery Ajaxupload应用

    **jQuery AjaxUpload应用详解** AjaxUpload是一款非常实用的JavaScript插件,它允许用户在无需刷新页面的情况下上传文件,极大地提升了用户体验。在这个详细的知识点解析中,我们将深入理解AjaxUpload的工作原理,...

    用Ajax构建动态Java程序

    本篇文章将深入探讨如何使用Ajax与Java技术结合,构建高效的Web应用程序。 1. **Ajax基础** Ajax的核心是JavaScript,它通过XMLHttpRequest对象与服务器进行异步通信。创建一个Ajax请求通常涉及以下步骤: - 创建...

    ajax联动

    在ASP.NET 2.0框架下,Ajax技术的应用更加方便,能够帮助开发者构建响应快速、交互性强的Web应用程序。 ### 1. Ajax基础 Ajax的核心是JavaScript对象XMLHttpRequest,它允许JavaScript在后台与服务器通信,发送和...

    隐藏框架实现ajax

    标题中的“隐藏框架实现ajax”指的是在Web应用中利用HTML的隐藏IFrame(&lt;iframe&gt;)元素结合Ajax技术,以实现页面数据的无刷新更新。这种方法常见于那些需要后台静默处理任务或需要异步加载内容但又不想打扰用户界面...

    ajax跨域解决办法

    【AJAX跨域解决办法】 在Web开发中,AJAX(Asynchronous JavaScript and XML)是一种在无需刷新整个页面的情况下更新部分网页的技术。...了解这些方法并掌握其应用场景,对于构建复杂的Web应用程序至关重要。

    jquery 跨iframe拖拽

    本篇文章将详细探讨"jquery 跨iframe拖拽"这一主题,该技术允许用户在不同的IFrame之间进行元素的拖放操作,这对于构建多窗口、多面板的Web应用尤其有用。 首先,我们要理解IFrame(内联框架)的概念。IFrame是一种...

Global site tag (gtag.js) - Google Analytics