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