用iframe实现页面无刷新效果的表单提交

简介:
其实要实现这个效果是很简单的,在页面的 form 中添加一个 iframe
< iframe  id ="main"  width ="0%"  height ="0%" >  </iframe>
在点击提交按钮的时候去调用 javascript 的脚本代码:
< input  type ="button"  class ="button01"  value ="保存"  onclick ="saveScore();"  align ="top" />
function saveScore(){ 
         var url= "/eva/ShowLeadJobDetail.jsf?str="+str; 
        document.all('main').src=url; 
        } 
        } 
                        }
关键的是 document.all( 'main' ).src=url; 代码,这样程序就在大小为 0 iframe 中运行了,页面也没有发生任何变化。
也许有人会说,用ajax来实现不就行了,用ajax也可以,不过我个人认为这样更快一些。


本文转自sucre03 51CTO博客,原文链接:http://blog.51cto.com/sucre/359989,如需转载请自行联系原作者
相关文章
|
9月前
|
Java Linux 定位技术
Minecraft配置文件参数说明(JAVA服务器篇)
Minecraft JAVA版服务器启动后会生成server.properties配置文件,位于minecraft_server/根目录下。该文件包含多项关键设置,如游戏模式(gamemode)、最大玩家数(max-players)、难度(difficulty)等。此文档详细说明了各配置项的功能与默认值,帮助用户高效管理服务器环境。
1968 60
|
数据采集 机器学习/深度学习 数据可视化
使用Jupyter Notebook进行数据分析:入门与实践
【6月更文挑战第5天】Jupyter Notebook是数据科学家青睐的交互式计算环境,用于创建包含代码、方程、可视化和文本的文档。本文介绍了其基本用法和安装配置,通过一个数据分析案例展示了如何使用Notebook进行数据加载、清洗、预处理、探索、可视化以及建模。Notebook支持多种语言,提供直观的交互体验,便于结果呈现和分享。它是高效数据分析的得力工具,初学者可通过本文案例开始探索。
1200 3
|
Web App开发 前端开发 测试技术
Selenium 4新特性解析:关联定位器及其他创新功能
【10月更文挑战第6天】Selenium 是一个强大的自动化测试工具,广泛用于Web应用程序的测试。随着Selenium 4的发布,它引入了许多新特性和改进,使得编写和维护自动化脚本变得更加容易。本文将深入探讨Selenium 4的一些关键新特性,特别是关联定位器(Relative Locators),以及其他一些重要的创新功能。
825 2
|
数据采集 JavaScript 前端开发
构建你的第一个Python爬虫:抓取网页数据入门指南
【8月更文挑战第31天】在数字时代,数据是新的石油。本文将引导初学者通过简单的步骤,使用Python编程语言创建一个基础的网络爬虫程序。我们将探索如何从网络上提取信息,并理解背后的原理。无论你是编程新手还是想要扩展你的技术工具箱,这篇文章都将为你提供一条清晰的道路,让你学会编写能够自动获取网络数据的脚本。准备好开始你的网络数据抓取之旅了吗?让我们现在就开始吧!
|
JavaScript 前端开发
vue3教程,如何手动获取后端数据(入门到精通3,新人必学篇)
本文提供了一个Vue 3教程,讲解了如何使用axios库手动从后端获取数据,包括安装axios、配置后端访问地址、编写路由地址、发起HTTP请求以及在组件中读取和打印响应数据的步骤。
2133 0
vue3教程,如何手动获取后端数据(入门到精通3,新人必学篇)
|
JavaScript 索引
vue尚品汇商城项目-day04【27.分页器静态组件(难点)】
vue尚品汇商城项目-day04【27.分页器静态组件(难点)】
107 1
|
人工智能 算法 测试技术
探索AI在软件测试中的应用与挑战
【6月更文挑战第11天】本文探讨了人工智能(AI)技术在软件测试领域的应用及其面临的挑战。通过分析AI技术的优势和局限性,文章旨在为读者提供一个全面的视角,以理解AI如何改变传统的软件测试流程,并预测未来可能的发展趋势。
|
存储 分布式计算 Hadoop
Linux/Hbase2.2.2安装教程_单机/伪分布式配置
Linux/Hbase2.2.2安装教程_单机/伪分布式配置
1089 0
Linux/Hbase2.2.2安装教程_单机/伪分布式配置
|
JavaScript 前端开发 数据管理
使用Sortable.js库 实现Vue3 elementPlus 的 el-table 拖拽排序
使用Sortable.js库 实现Vue3 elementPlus 的 el-table 拖拽排序
3821 1
|
人工智能 Ubuntu Linux
linux配置魔搭社区modelscope时的whl下载中断问题和解决方案
本文提供了断点续传和手动安装两个方案。
1110 3