异度传媒 异度传媒
  • 首页
  • 异度传媒官网
  • 互联网
    • 敲代码
    • 搞软件
    • 玩游戏
  • 联系我们
  • 注册 登录
立即登录
  • 首页
  • 异度传媒官网
  • 互联网
    • 敲代码
    • 搞软件
    • 玩游戏
  • 联系我们
  • 拨打电话
首页 › 敲代码 › Div里面载入另一个页面的实现(用Ajax取代框架)
ajax

Div里面载入另一个页面的实现(用Ajax取代框架)

2019年12月29日
0 0

1.下载 Ajax 的 JS 文件

蓝奏网盘下载 CSND下载 沃家云盘下载 百度网盘下载

2.页面导入 js 文件

<script type="text/javascript" src="ajaxrequest.js"></script>

3.添加 javascript 代码

页面中添加一个目标地址,例如:

<DIV id=des></DIV>

我们要调用的目标文件名为:yeedoo.html,则会在 des 的 DIV 中间全部显示出来。

需要添加的 javascript 代码如下:

<script type="text/javascript">
var ajaxobj=new AJAXRequest;  // 创建AJAX对象,类在刚刚那个文件里了
ajaxobj.method="GET";  // 设置请求方式为GET
ajaxobj.url="yeedoo.html"  // 响应的URL,以后可以改为一些动态处理页,会用Ajax的都知道,这在页里可以有目的返回不同的数据
// 设置回调函数,输出响应内容,因为是静态页(这是我的需求嘛)所以所有内容都过来了
ajaxobj.callback=function(xmlobj){
	document.getElementById('des').innerHTML = xmlobj.responseText;  //可要看好这句话哦
}
ajaxobj.send();  // 发送请求
</script>
0 0

微信扫一扫支持一下我们

等0人赞过
相关文章
使用timthumb.php生成文章缩略图
一个阿里云虚拟主机如何建立多个网站?
H5端JavaScript实现图片放大滑动查看
phpcms自定义栏目伪静态实现方法
Div里面载入另一个页面的实现(用Ajax取代框架)
评论 (88)
请登录以参与评论。
立即登录
  • 游客

    评论系统正在维护中……

    2019年12月29日
    回复
    • 游客评论

      @游客 评论系统正在维护中……

      2019年12月29日
      回复
异度小编管理员
推荐阅读
php URL跳转代码
2019-12-29
彻底解决phpcms V9二级域名下分页路径不正确问题
2020-07-15
点击自定义超链接按钮弹出百度商桥对话框
2019-12-29
红色警戒2兼容性补丁、联网补丁、全屏显示设置
2020-02-20
使用timthumb.php生成文章缩略图
2019-12-29
最新文章
JavaScript根据不通的域名显示不同的备案号和内容
2020年08月16日
经常一个网站会绑定多个域名,根据不同域名显示不同的备案号。以下用 JavaScript 来实现这个效果。JavaScript根据不通的域名显示不同的备案号和内容
[阅读全文]
彻底解决phpcms V9二级域名下分页路径不正确问题
2020年07月15日
在用 phpcms V9 做二次开发的时候,做英文站的时候经常会在根目录新建子目录来搭建一个新站,我使用的是伪静态,分页的时候分页地址出现错误,分页地址显示的是根域名的地址。
[阅读全文]
网站不支持timthumb.php的解决方法
2020年07月03日
由于timthumb php基于安全问题,所以它不支持指定网站的外部链图像以外的任何外部链映像;另一方面,它是由于处理本机图片地址造成的。
[阅读全文]
轻量级图片懒加载 echo.js
2020年06月05日
echo是一个独立的JavaScript(不依靠jQuery)、轻量级的、延迟图片加载插件,echo压缩后体积不到1k,使用html的标准data-*属性,echo支持IE8+。
[阅读全文]
phpcms调用栏目及循环调用多个子栏目中的文章列表
2020年03月31日
phpcms调用栏目及循环调用多个子栏目中的文章列表,特别适用于有3级目录,在2级目录调用所有3级子目录的所有文章。
[阅读全文]
更多
标签
阿里云 网站 css html phpcms 腾讯 EditPlus ajax php 正则表达式 七牛云 timthumb 分页 百度商桥 局域网 emlog SSL 批处理 javascript 编程
更多
  • 首页
  • 关于我们
  • 文章列表
  • 联系我们
Copyright © 异度传媒 2009-2021 粤ICP备16051972号-3 Sitemap
友情链接: 领潮照明