ajax将响应结果显示到iframe,JavaScript：iframe / Ajax / JSON

iframe

在Ajax流行之前大量使用：

iframe中的src属性指定的就是一个独立的页面url地址，iframe中呈现的就是这个页面的内容。

通过改变src的值，我们就可以轻松的改变iframe中的内容(类似的，刷新验证码也是同样的手段)：

document.getElementById('keywords').src = "/Iframe2.html";

演示：略

独立页面

注意，iframe加载的是一个独立的页面，所以子页面无法直接调用父页面的内容

子页面调用父页面需要：window.parent

window.parent.document.getElementsByTagName('p')[0].innerText = "全程直播";

父页面调用子页面需要：window.frames[n]

window.frames[0].document.getElementsByTagName('div')[0]

.setAttribute('style', "border: 1px dashed");

演示：略

Ajax技术特点

主要特点

仍然是一个HTTP请求，所以遵守HTTP协议

无页面刷新的交互，提升了用户体验

可以只获取“部分页面”甚至是简单数据，降低了流量消耗

XMLHttpRequest 对象

(现代浏览器)直接new出来就行：

var xhttp = new XMLHt