Using the Iframe to implement the Ajax

这篇文档主要解决的问题是：在不使用JavaScript进行跨域访问的前提下，实现post回发，进行表单提交。

vframe_post.html

<!DOCTYPEhtml PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head><title>No freash submit! Post!</title>
</head>
<body><iframeid="_vframe"name="_vframe"style="display:none;"></iframe><formid="formAct"name="formAct"method="post"action="vframe_receive.html"><inputtype="submit"id="btnNormalSubmit"value="Normal Submit" /></form><formid="formHidden"name="formHidden"method="post"action="vframe_receive.html"target="_vframe"><inputtype="submit"id="btnHiddenSubmit"value="Hidden Submit" /></form>
</body>
</html>

vframe_receive.html

<!DOCTYPEhtml PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head><title>No freash submit! Received!</title><scriptlanguage="javascript"type="text/javascript">functiondisplayMessage() {alert("Arrived!");}</script>
</head>
<bodyonload="displayMessage();">VFrame receive Page!
</body>
</html>

在上例中vframe_post.html中提供了两个form，第一个是普通的form，第二个则是设置了target指向一个iframe。这样做的好处就是在formHidden提交的时候，其数据内容将通过iframe进行提交，而不会刷新当前页面。这一点是Ajax效果的一种体现，但却有别于基于XMLHttpRequest对象的Ajax效果。在一些特定的场合将是非常有用的。各宗滋味，自行体会。

twitter
Sina
Yahoo! Meme
FanFou

转载于:https://www.cnblogs.com/volnet/archive/2009/10/14/1582897.html

Using the Iframe to implement the Ajax相关推荐

iframe解决跨域ajax请求的方法
iframe跨域的基本前提是,一个页面可以嵌套非同源站点的html文件,以及某一个域名下的html页面可以通过脚本向同域名服务器发出ajax请求.当一个域名为domain1下的页面A想要向domain ...
用iframe设置代理解决ajax跨域请求问题
用iframe设置代理解决ajax跨域请求问题参考文章: (1)用iframe设置代理解决ajax跨域请求问题 (2)https://www.cnblogs.com/ranzige/p/370965 ...
ajax刷新iframe页面,通过iframe实现简单的ajax表单提交
之前做项目都是用现成的jquery插件实现表单的校验以及ajax提交,但是今天有个简单的头像图片ajax上传,以及一个很简单的表单提交,实在不想引入一个插件了,本着代码量最小,最简单的原则,照着豆瓣照 ...
ajax将响应结果显示到iframe,脚本化HTTP 取得响应指定请求
脚本化HTTP 下面将会用js代码操纵HTTP 下面将会说明在没有致使web浏览器从新加载任何窗口或者窗体的状况下,脚本实现web浏览器和服务器之间的通讯. ajax:为一种找早起避免页面重载而动态更 ...
SpringMVC——通俗易懂讲讲Ajax~
聊聊Ajax 一.什么是Ajax 二.iframe标签简单伪造Ajax 三.Ajax的实现 1. 基本概念的了解 Ajax的核心是什么? XMLHttpRequest是什么? Ajax数据传输的数据格 ...
php用ajaxs上传图片_php+ajax实现图片文件上传功能实例
目前常用的异步文件上传功能有几种,比较多见的如使用iframe框架形式,ajax功能效果,以及flash+php功能,下面介绍ajax与iframe实现异步文件上传的功能的例子. 方法一,利用jque ...
在SAP WebClient UI里使用AJAX进行异步数据读取
For POC purpose I need to implement the AJAX functionality in Webclient UI component. The UI compone ...
【SpringMVC笔记】Ajax 入门（jQuery.ajax）
Ajax Ajax 简介伪造 Ajax(iframe标签) jQuery.ajax 使用 jQuery.ajax 案例 Ajax 执行流程 Ajax 异步加载数据案例 Ajax 验证用户名密码获取 ...
83.【JQuery.Ajax】
Ajax (一).Ajax简介 1.什么是Ajax 2.jQuery.ajax介绍 (二).环境搭建 1.创建Model并添加web框架 2.配置Artifacts的lib文件 3.配置web框架下的 ...

Using the Iframe to implement the Ajax

Using the Iframe to implement the Ajax相关推荐

最新文章

热门文章