入门实例
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <Metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"> <title>Inserttitlehere</title> <scripttype="text/javascript"> window.onload=function(){ //获取a结点，并未其添加onclick响应函数 document.getElementsByTagName("a")[0].onclick=function(){ varrequest=newXMLHttpRequest(); //加上时间戳可以起到禁用缓存的效果 varurl=this.href+"?time="+newDate(); varmethod="GET"; request.open(method,url); request.send(null); //为XMLHttpRequest对象添加onreadystatechange响应函数 request.onreadystatechange=function(){ //判断相应是否完成 if(request.readyState==4){ if(request.status==200||request.status==304){ //当readyState为4的时候，responseText才可用 alert(request.responseText); }elseif(request.status==404){ alert("请求的页面不存在"); } } } returnfalse; } } </script> </head> <body> <ahref="helloAjax2.txt">helloAjax.txt</a> </body> </html>
发送POST请求
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <Metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"> <title>Inserttitlehere</title> <scripttype="text/javascript"> window.onload=function(){ //获取a结点，并未其添加onclick响应函数 document.getElementsByTagName("a")[0].onclick=function(){ varrequest=newXMLHttpRequest(); //加上时间戳可以起到禁用缓存的效果 varurl=this.href+"?time="+newDate(); varmethod="POST"; request.open(method,url); request.setRequestHeader("ContentType","application/x-www-form-urlencoded"); request.send("name='umgsai'");//设置请求参数 //为XMLHttpRequest对象添加onreadystatechange响应函数 request.onreadystatechange=function(){ //判断相应是否完成 if(request.readyState==4){ if(request.status==200||request.status==304){ alert(request.responseText); }elseif(request.status==404){ alert("请求的页面不存在"); } } } returnfalse; } } </script> </head> <body> <ahref="helloAjax2.txt">helloAjax.txt</a> </body> </html>
开发中多用JQuery，不用考虑浏览器的兼容性。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
