文档章节

无刷新读取数据库 (ajax)

Mr韦淋
 Mr韦淋
发布于 2014/06/08 10:18
字数 106
阅读 15
收藏 0
点赞 0
评论 0
<html>
<head>
<script type="text/javascript">
function loadXMLDoc()
{
var xmlhttp;
var txt,x,i;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    xmlDoc=xmlhttp.responseXML;
    txt="";
    x=xmlDoc.getElementsByTagName("title");
    for (i=0;i<x.length;i++)
      {
      txt=txt + x[i].childNodes[0].nodeValue + "<br />";
      }
    document.getElementById("myDiv").innerHTML=txt;
    }
  }
xmlhttp.open("GET","/example/xmle/books.xml",true);
xmlhttp.send();
}
</script>
</head>

<body>

<h2>My Book Collection:</h2>
<div id="myDiv"></div>
<button type="button" onclick="loadXMLDoc()">
获取数据</button>
 
</body>
</html>

  

本文转载自:http://www.cnblogs.com/hzdx/p/3669452.html

共有 人打赏支持
Mr韦淋
粉丝 2
博文 80
码字总数 23114
作品 0
江门
高级程序员
纠结一种效果 2种实现方法 用哪一种?

简单的说 就是首页是个混合的html+php的网站 要做的效果就是ajax,点击局部刷新 本身也没啥难度。 一般我之前用的都是,首页(没触发前)的数据,也是AJAX 利用ONLOAD自动加载进来,然后点下...

kacc850 ⋅ 2015/04/14 ⋅ 1

jxl 、 apache.poi.hssf 实现本地, 服务器断的下载

上面的两个都是将数据库中的数据组装成excel 的格式,并进行下载,怎么让他下载,或者说用何种方式来请求下载资源,方式有如下两种。 1、使用ajax异步请求将数据使用 response 的OutputStrea...

QH_C ⋅ 2015/03/01 ⋅ 0

asp.net点击‘查看更多’实现无刷新加载

这里也要用的GetRecordFromPage2005存储过程,具体代码和使用方法请看我的asp.net+ajax+json来实现无刷新分页功能。 页面页面的js代码如下, <script type="text/javascript"> 解释上面js的大...

阿拉赛 ⋅ 2012/06/26 ⋅ 0

AJAX工作原理及其优缺点

一、AJAX 定义 AJAX(Asynchronous JavaScript and XML)其实是多种技术的综合,包括 Javascript、XHTML 和 CSS、DOM、XML 和 XSTL、XMLHttpRequest。其中:使用 XHTML 和 CSS 标准化呈现,使...

zqwang121 ⋅ 2016/04/14 ⋅ 0

我在同步 ajax 的 cookie 上栽了个"无语"的跟头

前言 遇到这种问题实属无奈,前端的浏览器兼容性一直是一个让人头痛的问题 仅以此文记录如此尴尬无奈的一天。拿来替大伙儿解闷T_T 场景再现 同事:快来!快来!线上出问题了!! 我:神马?! ...

木羽zwwill ⋅ 2017/10/19 ⋅ 0

信息列表+上传文件

根据标题类型进行筛选 url设计: 前端页面设计: 后台设计:

a2011480169 ⋅ 2017/10/06 ⋅ 0

我对jsp和ajax 一直存在的困惑.

我对jsp和ajax 一直比较困惑, jsp动态网页技术,在服务器端执行,能在网页中显示数据这是一种方式 . 另一种方式是 我打开一个网页(html),加载完成之后,使用js,ajax访问网络得到json数据...

change_solider ⋅ 2014/07/27 ⋅ 12

基于jQuery+JSON的省市区三级地区联动

查看演示:http://www.helloweba.com/demo/cityselect/ 源码下载:http://files.cnblogs.com/files/huangcong/cityselect.rar 省市区联动下拉效果在WEB中应用非常广泛,尤其在一些会员信息系...

老朱教授 ⋅ 2017/10/01 ⋅ 0

IE浏览器与FF浏览器关于 Ajax传递参数值为中文时的区别

Ajax传递参数为中文时出现乱码,我遇到的情况是: 1.我的数据库连接 编码为 GB2312,latin1swedishci 2.php 文件编码格式为 UTF-8,浏览器显示编码为 : UTF-8 3.我的页面显示方式为两种: ...

LiMXHS ⋅ 2013/08/21 ⋅ 6

咨询一个spiderman的问题,ajax局部刷新获取下一页内容,导航条到最下侧了自动ajax读取新内容的,spiderman如何抓取?

@像风一样自由wei 你好,想跟你请教个问题:咨询一个spiderman的问题,ajax局部刷新获取下一页内容,导航条到最下侧了自动ajax读取新内容的,spiderman如何抓取?...

javaboy863 ⋅ 2013/04/24 ⋅ 2

没有更多内容

加载失败,请刷新页面

加载更多

下一页

浅谈springboot Web模式下的线程安全问题

我们在@RestController下,一般都是@AutoWired一些Service,由于这些Service都是单例,所以并不存在线程安全问题。 由于Controller本身是单例模式 (非线程安全的), 这意味着每个request过来,...

算法之名 ⋅ 今天 ⋅ 0

知乎Java数据结构

作者:匿名用户 链接:https://www.zhihu.com/question/35947829/answer/66113038 来源:知乎 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 感觉知乎上嘲讽题主简...

颖伙虫 ⋅ 今天 ⋅ 0

Confluence 6 恢复一个站点有关使用站点导出为备份的说明

推荐使用生产备份策略。我们推荐你针对你的生产环境中使用的 Confluence 参考 Production Backup Strategy 页面中的内容进行备份和恢复(这个需要你备份你的数据库和 home 目录)。XML 导出备...

honeymose ⋅ 今天 ⋅ 0

JavaScript零基础入门——(九)JavaScript的函数

JavaScript零基础入门——(九)JavaScript的函数 欢迎回到我们的JavaScript零基础入门,上一节课我们了解了有关JS中数组的相关知识点,不知道大家有没有自己去敲一敲,消化一下?这一节课,...

JandenMa ⋅ 今天 ⋅ 0

火狐浏览器各版本下载及插件httprequest

各版本下载地址:http://ftp.mozilla.org/pub/mozilla.org//firefox/releases/ httprequest插件截至57版本可用

xiaoge2016 ⋅ 今天 ⋅ 0

Docker系列教程28-实战:使用Docker Compose运行ELK

原文:http://www.itmuch.com/docker/28-docker-compose-in-action-elk/,转载请说明出处。 ElasticSearch【存储】 Logtash【日志聚合器】 Kibana【界面】 答案: version: '2'services: ...

周立_ITMuch ⋅ 今天 ⋅ 0

使用快嘉sdkg极速搭建接口模拟系统

在具体项目研发过程中,一旦前后端双方约定好接口,前端和app同事就会希望后台同事可以尽快提供可供对接的接口方便调试,而对后台同事来说定好接口还仅是个开始、设计流程,实现业务逻辑,编...

fastjrun ⋅ 今天 ⋅ 0

PXE/KickStart 无人值守安装

导言 作为中小公司的运维,经常会遇到一些机械式的重复工作,例如:有时公司同时上线几十甚至上百台服务器,而且需要我们在短时间内完成系统安装。 常规的办法有什么? 光盘安装系统 ===> 一...

kangvcar ⋅ 昨天 ⋅ 0

使用Puppeteer撸一个爬虫

Puppeteer是什么 puppeteer是谷歌chrome团队官方开发的一个无界面(Headless)chrome工具。Chrome Headless将成为web应用自动化测试的行业标杆。所以我们很有必要来了解一下它。所谓的无头浏...

小草先森 ⋅ 昨天 ⋅ 0

Java Done Right

* 表示难度较大或理论性较强。 ** 表示难度更大或理论性更强。 【Java语言本身】 基础语法,面向对象,顺序编程,并发编程,网络编程,泛型,注解,lambda(Java8),module(Java9),var(...

风华神使 ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部