原生javascript Ajax异步请求代码小例子
2017-07-13 18:02
639 查看
<html> <head> <meta charset="utf-8"> <title>demo</title> <style> .btn{height:30px;width:100px;background:red;margin:10px 0;text-align:center;line-height:30px;color:#fff;} </style> </head> <body> <div class="postbtn btn">POST请求</div> <div class="getbtn btn">GET请求</div> </body> <script type="text/javascript"> //post请求 document.querySelector(".postbtn").onclick= function(){ var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function(){ if(xmlhttp.readyState == 4 && xmlhttp.status == 200){ xmlhttp.responText; } } xmlhttp.open("POST", "http://localhost/t.php", true); xmlhttp.send("aagfdga"); }; //get请求 document.querySelector(".getbtn").onclick= function(){ var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function(){ if(xmlhttp.readyState == 4 && xmlhttp.status == 200){ console.log(xmlhttp.responseText); } } xmlhttp.open("GET", "json.json", true); xmlhttp.send(null); }; </script> </html>
相关文章推荐
- 原生JavaScript实现ajax异步请求代码
- 原生JS的ajax处理json数据格式的异步请求完整例子
- 掌握 Ajax,第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求
- 掌握 Ajax,第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求
- 掌握 Ajax (2)使用 JavaScript 和 Ajax 发出异步请求
- 第二章:使用 JavaScript 和 Ajax 发出异步请求
- 掌握 Ajax,第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求
- 掌握 Ajax,第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求
- 第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求
- 掌握 Ajax,第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求
- 掌握 Ajax,第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求
- 掌握 Ajax,第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求
- 掌握 Ajax,第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求
- 掌握 Ajax,第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求
- 掌握Ajax 第二部分 使用 JavaScript 和 Ajax 发出异步请求
- 使用 JavaScript 和 Ajax 发出异步请求
- 掌握 Ajax,第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求
- 【转】掌握 Ajax,第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求
- 掌握ajax2:使用 JavaScript 和 Ajax 发出异步请求
- 掌握Ajax 之 使用 JavaScript 和 Ajax 发出异步请求