Ajax拿取html格式数据
来源:互联网 发布:旅程网络 官网 编辑:程序博客网 时间:2024/06/10 19:23
数据格式提要
- 在服务器端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>
0 0
- Ajax拿取html格式数据
- Ajax拿取JSON格式的数据
- 学习笔记--Ajax:html格式返回数据
- 同时发送了多次ajax请求,且都是异步的,怎样拿取某一次ajax请求的返回数据。
- ajax从服务器拿了数据回来循环显示在HTML后不能响应事件
- Android 各种json格式拿数据
- 对于爬取 ajax 数据中获取的不合规定的 html 代码
- Ajax----------跨站点取数据
- jquery $.ajax()取xml数据
- 微信小程序ajax请求后台拿不到数据
- 浅谈Ajax返回数据的3种格式——HTML、XML、JSON
- ajax--json格式获取数据
- ajax获取json格式数据
- Ajax提交json格式数据
- Ajax数据返回格式问题解决
- 初学AJAX2----HTML格式下原生ajax
- java中调用ajax返回html格式
- HTML AJAX 简单数据JS
- Android BottomNavigationBar底部导航控制器的使用
- iOS中TableView的不同类型
- HDU 5023 A Corrupt Mayor's Performance Art(线段树)
- 文章标题
- 汉字的各种排序
- Ajax拿取html格式数据
- iOS 9键盘类型合集
- c#第三章升级属性MyBank
- HDU 2098 分拆素数和 遍历+
- 逆向mtklog2
- Git 分支管理详解
- python中类型转换
- jvm-内存模型
- iOS设置圆角及圆形图片