002 Ajax中传输格式为HTML

一：

1.介绍

　　返回的数据可以直接插入到需要的地方。

2.优缺点

二：程序大纲

1.结构

三：程序

1.css

body {background: #ffb url("logo.png") fixed no-repeat top left;color: #321;font-family: Myriad,"Lucida Grande","Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;line-height: 1.6;margin: 1em 20%;
}
a {color: #aaf;font-weight: bold;text-decoration: none;
}
a:hover {color: #896;text-decoration: underline;
}

2.andy.html(files下的几个程序结构相同，这里写andy.html)

<h2><a href="mailto:andy@clearleft.com">Andy Budd</a></h2>
<a href="http://andybudd.com/">http://andybudd.com/</a>

3.index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">@import url("clearleft.css");
</style>
<script type="text/javascript">window.οnlοad=function(){var aNodes=document.getElementsByTagName("a");for(var i=0;i<aNodes.length;i++){aNodes[i].οnclick=function(){var request=new XMLHttpRequest();var method="GET";var url=this.href;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><h1>People</h1><ul><li><a href="files/andy.html">Andy</a></li><li><a href="files/richard.html">Richard</a></li><li><a href="files/jeremy.html">Jeremy</a></li>   </ul><div id="details"></div>
</body>
</html>

4.运行效果

转载于:https://www.cnblogs.com/juncaoit/p/7331013.html

002 Ajax中传输格式为HTML相关推荐

Ajax中传输格式为JSON
一: 1.介绍 2.嵌套 3.json解析 4.优缺点二:json功能程序测试 1.设计 2.程序 1 <!DOCTYPE html> 2 <html> 3 <head ...
ajax 中json格式数据格式,AJAX中的dataType(数据格式)-text、json
因为经常使用数据格式,所以将它封装成类,J这样就不会用到时就写了,直接调用写好的类就可以了 (1)dataType数据格式为:TEXT格式的数据是字符串的数据,在"ajax对数据进行删除和查 ...
ajax 传输中文乱码,关于Ajax请求中传输中文乱码问题的解决方案
今天遇到一个问题,有关ajax 请求中传输中文,遇到乱码的问题. 如下代码: function UpdateFolderInfoByCustId(folderId, folderName, custI ...
ajax中解决乱码的问题,关于Ajax请求中传输中文乱码问题的解决方案
今天遇到一个问题,有关ajax 请求中传输中文,遇到乱码的问题. 如下代码: function UpdateFolderInfoByCustId(folderId, folderName, custI ...
ajax的send方法参数格式,Ajax中send参数
一般情况下,使用Ajax提交的参数多是些简单的字符串,可以直接使用GET方法将要提交的参数写到open方法的url参数中,此时send方法的参数为null. 例如: var url = "l ...
Java RESTful Web Service实战（第2版） 2.3　传输格式
2.3 传输格式本节要考虑的就是如何设计表述,即传输过程中数据采用什么样的数据格式.通常,REST接口会以XML和JSON作为主要的传输格式,这两种格式数据的处理是本节的重点.那么Jersey是否还 ...
Ajax 发送json格式数据以及发送文件(FormData)和自带的序列化组件: serializers
前后端传输数据的编码格式(contentType) get请求数据就是直接放在url?后面的 url?usernmae=junjie&password=123... 可以向后端发送post请求 ...
Ajax 提交json格式数据给后台
Ajax 提交json格式数据在实际的开发当中,尤其是在前后端分离的项目中,传输数据都是以json格式进行传输的,所以对于json格式数据的情求和响应的学习十分重要. 1.前端提交json格式数据 ...
Ajax如何设置contenttype,ajax中设置contentType: application/json的作用
最近在做项目交互的时候,刚开始向后台传递数据返回 415 ,后来百度添加了 contentType:"application/json" 之后返回400,然后把传输的数据格式改为j ...

002 Ajax中传输格式为HTML

002 Ajax中传输格式为HTML相关推荐

最新文章

热门文章