博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
div+ajax 实现网页框架布局
阅读量:4081 次
发布时间:2019-05-25

本文共 1123 字,大约阅读时间需要 3 分钟。

核心代码:

function fnSuccMainBody(xhr){	// main body	document.getElementById("main").innerHTML = xhr.responseText;		// sub : sub body	if(document.getElementById("submain") != null)		ShowComments();}function fnSuccSubMainBody(xhr){	document.getElementById("submain").innerHTML = xhr.responseText;}function AjaxRequest(url, data, fnSucc){       	var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');        	xhr.onreadystatechange = function(){		AjaxCallBack(xhr, fnSucc);	};        	xhr.open("post", url, true);	xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded;');	 	xhr.send(data);}function AjaxCallBack(xhr, fnSucc){	if(xhr.readyState == 4)	{		var s = xhr.status;		if(s >= 200 && s < 300)			fnSucc(xhr);		else			;	}	}// 调用function showMain(){	var url = xxx;	var data = xxx;	AjaxRequest(url, data, fnSuccMainBody);		}function showSubMain(){	var url = xxx;	var data = xxx;	AjaxRequest(url, data, fnSuccSubMainBody);			}

参考:

div+ajax实现类似iframe功能

http://lz12366.iteye.com/blog/1137458

frameset和div常规布局的优缺点比较

http://blog.csdn.net/zhangxinrun/article/details/5677829

你可能感兴趣的文章
大数据学习:Spark RDD操作入门
查看>>
大数据框架:Spark 生态实时流计算
查看>>
大数据入门:Hive和Hbase区别对比
查看>>
大数据入门:ZooKeeper工作原理
查看>>
大数据入门:Zookeeper结构体系
查看>>
大数据入门:Spark RDD基础概念
查看>>
大数据入门:SparkCore开发调优原则
查看>>
大数据入门:Java和Scala编程对比
查看>>
大数据入门:Scala函数式编程
查看>>
【数据结构周周练】002顺序表与链表
查看>>
C++报错:C4700:使用了非初始化的局部变量
查看>>
C++类、结构体、函数、变量等命名规则详解
查看>>
C++ goto语句详解
查看>>
【数据结构周周练】008 二叉树的链式创建及测试
查看>>
《软件体系结构》 第九章 软件体系结构评估
查看>>
《软件体系结构》 第十章 软件产品线体系结构
查看>>
《软件过程管理》 第六章 软件过程的项目管理
查看>>
《软件过程管理》 第九章 软件过程的评估和改进
查看>>
分治法 动态规划法 贪心法 回溯法 小结
查看>>
《软件体系结构》 练习题
查看>>