15_AJAX.html 2.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. </head>
  9. <body>
  10. <button id="btn">按钮</button>
  11. <script>
  12. var btn = document.getElementById('btn')
  13. btn.onclick = function(){
  14. /* 1、创建一个XMLHttpRequest */
  15. var xhttp;
  16. if(window.XMLHttpRequest){
  17. xhttp = new XMLHttpRequest()
  18. } else {
  19. xhttp = new ActiveXObject('Microsoft.XMLHTTP')
  20. }
  21. /*
  22. 2、向服务器发送请求
  23. 请求方式 get post
  24. url 服务器地址
  25. 同步或者异步
  26. */
  27. xhttp.open('GET',"http://admin.gxxmglzx.com/tender/test/get_type",true)
  28. xhttp.send()
  29. /* 3、服务器响应 */
  30. xhttp.onreadystatechange = function(){
  31. if(this.readyState == 4 && this.status == 200){
  32. console.log(this.responseText)
  33. }
  34. }
  35. }
  36. /*
  37. 0: 请求未初始化
  38. 1: 服务器连接已经建立
  39. 2: 请求已收到
  40. 3: 正在处理请求
  41. 4: 请求已完成且响应已经就绪
  42. */
  43. /*
  44. 2XX 成功
  45. 200 OK,表示从客户端发来的请求在服务器端被正确处理
  46. 201 Created 请求已经被实现,⽽且有⼀个新的资源已经依据请求的需要⽽建⽴
  47. 202 Accepted 请求已接受,但是还没执⾏,不保证完成请求
  48. 204 No content,表示请求成功,但响应报⽂不含实体的主体部分
  49. 206 Partial Content,进⾏范围请求
  50. 3XX 重定向
  51. 301 moved permanently,永久性重定向,表示资源已被分配了新的 URL
  52. 302 found,临时性重定向,表示资源临时被分配了新的 URL
  53. 303 see other,表示资源存在着另⼀个 URL,应使⽤ GET ⽅法丁⾹获取资源
  54. 304 not modified,表示服务器允许访问资源,但因发⽣请求未满⾜条件的情况
  55. 307 temporary redirect,临时重定向,和302含义相同
  56. 4XX 客户端错误
  57. 400 bad request,请求报⽂存在语法错误
  58. 401 unauthorized,表示发送的请求需要有通过 HTTP 认证的认证信息
  59. 403 forbidden,表示对请求资源的访问被服务器拒绝
  60. 404 not found,表示在服务器上没有找到请求的资源
  61. 408 Request timeout, 客户端请求超时
  62. 409 Confict, 请求的资源可能引起冲突
  63. 5XX 服务器错误
  64. 500 internal sever error,表示服务器端在执⾏请求时发⽣了错误
  65. 501 Not Implemented 请求超出服务器能⼒范围,例如服务器不⽀持当前请求所需要的某个功能,或者请求是服务 器不⽀持的
  66. 503 service unavailable,表明服务器暂时处于超负载或正在停机维护,⽆法处理请求
  67. 505 http version not supported 服务器不⽀持,或者拒绝⽀持在请求中使⽤的 HTTP 版本
  68. */
  69. </script>
  70. </body>
  71. </html>