Ajax拿取html格式数据
数据格式提要
- 在服务器端Ajax是一门与语言无关的技术。在业务逻辑层使用何种服务器端语言都可以
- 从服务器端接收数据的时候,那些数据必须以浏览器能够理解的格式来发送。服务器端端编程语言能以如下3种格式返回数据: XML JSON
HTML
解析 HTML
- HTML由一些普通文本组成,如果服务器通过XMLHttpRequest发送HTML,文本将存储在responseText属性中。
- 不必从responseText属性中读取数据。它已经是希望的格式,可以直接将它插入到页面中。
- 插入HTML代码最简单的方法是更新这个元素的innerHTML属性。
HTML小结
优点:
从服务器端发送端HTML 代码在浏览器不需要用JavaScript进行解析
HTML的可读性好
HTML代码块与innerHTML属性搭配,效率高
缺点:
若需要通过Ajax更新一篇文档的多个部分,HTML不合适
innerHTML并非 DOM标准。
代码展示如下:
1、html代码(文件名为:test1.html):
<h2><a href="mailto:15204510180@163.com">JBK</a></h2>
<a href="http://baidu.com/">http://baidu.com/</a>
2、html解析代码:
<!doctype html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><script>window.onload = function () {var as= document.getElementsByTagName("a");for(var i=0;i< as.length;i++){as[i].onclick= function () {var request = new XMLHttpRequest();var url = this.href;var method="GET";request.open(method,url);request.send(null);request.onreadystatechange= function () {if( request.readyState==4){if(request.status==200||request.status==304){document.getElementById("details").innerHTML=request.responseText;}}}return false;}}}</script>
</head>
<body>
<a href="test1.html">1</a>
<a href="test1.html">2</a>
<a href="test1.html">3</a>
<a href="test1.html">4</a>
<div id="details"></div>
</body>
</html>
Ajax拿取html格式数据相关推荐
- 使用jQuery发送POST,Ajax请求返回JSON格式数据
问题: 使用jQuery POST提交数据到PHP文件, PHP返回的json_encode后的数组数据,但jQuery接收到的数据不能解析为JSON对象,而是字符串{"code" ...
- ajax返回数据输出成表,javascript代码实例教程-ajax请求返回Json格式数据如何循环输出成table形式...
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过. 首先,Ajax请求数据,(用的是Jquery的Ajax) [javascript] $(function(){ ...
- ajax调取mysql数据显示在html_jQuery+Ajax+js请求json格式数据并渲染到html页面
json格式的数据文件有两种方式 一种是xxx.json文件 一种是xxx.php文件 前者是json格式的文件 后者是输出json格式的文件 前者是本地的文件 后者是获取数据库的数据再输出成json ...
- Ajax拿取JSON格式的数据
JSON简介 JSON(javaScript Object Notation) 一种简单的数据格式,比xml更轻巧. JSON是javaScript原生格式.这意味着在 javaScript中处理JS ...
- 利用python抓取指定格式数据并翻译
纪念我的第一个python动作 要实现的目标 给定properties文件,内容会有注释 匹配properties的value部分("="右边的),翻译出来 value部分以.ht ...
- Python爬取Json格式数据并读写(改中文编码)
Python Json文件读写 经过测试发现,req.json()返回的类型是dict(字典类型) 如果有兴趣的话,可以再加一个正则表达式来筛选出url的关键名字,用关键名来做文件名. import ...
- oracle中多层嵌套命名,一种多层嵌套的json格式数据的命名解析方法
一种多层嵌套的json格式数据的命名解析方法 [专利摘要]一种n层嵌套的json格式数据的命名解析方法,包括以下步骤:首先,以n层嵌套的json格式数据为基础建立数据源:然后,以键值对为最小单元由外而 ...
- ajax请求json和xml数据及对json和xml格式数据的解析
ajax请求json和xml数据及对json和xml格式数据的解析 一.ajax请求json数据并解析 ajax的写法: json数据解析: 请求json经常出现的跨域报错: 二.ajax请求xml数 ...
- ajax获取网页新闻,基于Ajax的新闻网页动态数据的抓取方法及系统
主权项: 1.基于Ajax的新闻网页动态数据的抓取方法,其特征是,包括如下步骤:步骤(101):建立新闻网页爬取内容数据库,设置新闻网页爬取内容数据库的编码方式:获得待抓取新闻网页的新闻列表页面的UR ...
最新文章
- quado编辑Android代码步骤,Ubuntu11.10下编译android内核源码
- 13.Java核心技术—内部类
- 李丽娟c语言第四版教师书_来,把自学C语言经历的那些苦,都踩在脚下
- UPX脱壳全程分析(转)
- CentOS 7设置KVM硬盘模式为SCSI
- [Leetcode][第108题][JAVA][将有序数组转换为二叉搜索树][二分法][递归]
- mysql 逻辑备份导入数据库_mysql逻辑备份(mysql dump的使用)
- 分布式系统设计理念为何这么难学?
- python发音模块-python 利用pyttsx3文字转语音过程详解
- Python装饰器之一
- VS 2015 搭建Google Test
- 【译】x86程序员手册13-第5章 内存管理
- 抖音快手火山 热门采集/个人主页无水印视频批量解析下载工具2019-11-11
- 很哇塞的网页特效之字符串切换
- oracle count 1 count 区别,Count(1)和count(*)区别
- 降低漏洞风险的六大法宝!
- 秒懂!看机器学习如何净化处理文本
- PS光影神话完整版下载安装
- 虚拟机账号密码忘记了怎么办_有问必答丨开机密码忘了怎么办?
- cacti 介绍