Div里面载入另一个页面的实现（取代框架）（AJax）

1、div里面载入另一个页面的实现（取代框架）（ajax）随着框架越来越不火了，html5就不对框架支持了，iframe也惟独url了,div就承担了此大任div+css在页面部局的确也很让人惬意，用法也更便利今日骤然碰到一个问题，那就是需要导入另一个页面显示在当前页的div里面我固然可以用iframe啥的，不过那不是我想要的办法在网上查了半天，办法也无数，不过有不惬意的地方,由于多数都会用jquery呆会在下部分会给出jquery的实现而且由于要导入的页面还有一些特效，而不是单纯的数据，例如，我导过来的页面样式都要保持!我要实现的是教你用ajax实现,大家都知道ajax可以异步随时不用刷新页面而

2、更新数据,功能也很是强大而且在将来html5上也对ajax有了更好的支持，下面我就教你如何用法ajax迅速达到目的:用法源生ajax,只需二步:1:下载ajaxjs文件:ajax包下载2:页面导入js文件完成了，你已经胜利迈入了阿假科思大门了接着来完成任务吧:详情解释:apach / ajax / js页面中添加一个目标地址:例如好啦，另一个页面的所有代码呆会就导在这个叫des的div中间;我们要导入的就是页面abc.html /用来设计模板页很不错哦添加js代码了:var ajaxobj=new ajaxrequest; / 创建ajax对象,类在刚刚那个文件里了ajaxobj.method

3、="get" / 设置哀求方式为getajaxobj.url="templat/main.html" / 响应的url,以后可以改为一些动态处理页,会用ajax的都知道，这在页里可以有目的返回不同的数据/ 设置回调函数，输出响应内容,由于是静态页（这是我的需求嘛）所以全部内容都过来了ajaxobj.callback=function(xmlobj) document.getelementbyid('des).innerhtml = xmlobj.responsetext; /可要看好这句话哦 ajaxobj.sen

4、d(); / 发送哀求到此为止，目的达成,页面是不是彻低加载进来了，右健查看源代码，还很好的躲藏了abc的url,甚至连字都躲藏了，太奇特了,hoho用这开发模板，不就是一个网址了吗，连个？号都不让看啊，就是一个字：真爽!而且样式也都是设好的样式,也可以把js用function aa扩起来在onload(javascript:aa()自由发挥最后解释一下:ajax还需要一些扫瞄器检查，这里是教最快上手，我在ff火狐测试过了一切都好,而在ie可能在样式上会出点小问题，不过门都入了，渐渐就都会了，不是吗jquery方式载入：方式一：首先引入jquery的js文件:更多jquery内部原理见此牛贴：

5、导入js 添加代码了,挺直写个js函数(由于无论jquery还是ajax都是js开发的) 挺直在要触发的地方加上onclick="jump();" 就行了,发觉这个扫瞄器支持能好点更多load使用请参阅完整解释:方式二:这个办法是用法jquery的ajaxvar parames="type1":"paramer1","type2":"paramer2"$.ajax(url:'mytest.php',t

6、ype:'post',datatype:'html',data:parames,error: function()alert('error');,success:function(data)$("mydiv").html(data););这种方式也可以，爱用哪个用哪个吧，哈哈附：jquery load 大事使用假如绑定给window对象，则会在全部内容加载后触发，包括窗口，框架，对象和图像。假如绑定在元素上，则当元素的内容加载完毕后触发。注重:惟独当在这个元素彻低加载完之前绑定load的处理函数,才会在他加载完

7、后触发。假如之后再绑定就永久不会触发了。所以不要在$(document).ready()里绑定load大事，由于jquery会在全部dom加载完成后再绑定load大事。调用load办法的完整格式是：load( url, data, callback ),其中:url：是指要导入文件的地址。data：可选参数；由于load不仅仅可以导入静态的html文件，还可以导入动态脚本，例如php文件，所以要导入的是动态文件时，我们可以把要传递的参数放在这里。callback：可选参数；是指调用load办法并得到服务器响应后，再执行的另外一个函数。一：如何用法data1.加载一个php文件，该php文件不含

8、传递参数$("myid").load("test.php");/在id为myid的元素里导入test.php运行后的结果2. 加载一个php文件，该php文件含有一个传递参数$("myid").load("test.php","name" : "adam");/导入的php文件含有一个传递参数，类似于：test.php?name=adam3. 加载一个php文件，该php文件含有多

9、个传递参数。注：参数间用逗号分隔$("myid").load("test.php","name" : "adam" ，"site":"");/导入的php文件含有一个传递参数，类似于：test.php?name=adam&site=4. 加载一个php文件，该php文件以数组作为传递参数$("myid").load(&qu

10、ot;test.php",'myinfo', "adam", "");/导入的php文件含有一个数组传递参数。注重：用法load，这些参数是以post的方式传递的，因此在test.php里，不能用get来猎取参数。二：如何用法callback比如我们要在load办法得到服务器响应后，渐渐地显示加载的内容，就可以用法callback函数。代码如下：$("go").click(function()$("myid").load("welcome.php", "lname" : "cai", "fname" : "adam", function()$