jQuery中使用Ajax

98 阅读1分钟

超文本传输协议(HTTP,HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议 设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法

一次HTTP操作称为一个事务,其工作过程可分为四步

OPTIONS 返回服务器针对特定资源所支持的HTTP请求方法

HEAD 向服务器索要与GET请求相一致的响应,只不过响应体将不会被返回

GET 向特定的资源发出请求 一般用户请求数据会被经常使用

POST 向指定资源提交数据进行处理请求 一般用于登录 数据保密 还可以用与文件传输

DELETE 请求服务器删除Request-URI所标识的资源 删除数据的时候使用

TRACE 回显服务器收到的请求,主要用于测试或诊断

CONNECT HTTP/1.1协议中预留给能够将连接改为管道方式的代理服务器

HTTP/1.1 例如:http:// HTTP/2 例如:https:// 加密 www.baidu.com/

PATCH 实体中包含一个表,表中说明与该URI所表示的原内容的区别

  • GET(SELECT):从服务器取出资源(一项或多项)。
  • POST(CREATE):在服务器新建一个资源。
  • PUT(UPDATE):在服务器更新资源(客户端提供改变后的完整资源)。
  • PATCH(UPDATE):在服务器更新资源(客户端提供改变的属性)。
  • DELETE(DELETE):从服务器删除资源。
  • HEAD:获取资源的元数据。
  • OPTIONS:获取信息,关于资源的哪些属性是客户端可以改变的。

原生的方式 创建Ajax对象 var oAjax=new XMLHttpRequest();

连接到服务器 oAjax.open("GET","abc.txt",true);

发送请求send oAjax.send();

接收返回值

oAjax.onreadystatechange=function(){
		if (oAjax.readyState==4 && oAjax.status==200){
				alert("请求成功"+oAjax.responseText);
		}
}

<button>登录</button>
    <script src="./jquery-1.12.4.js"></script>
    <script>
        $('button').click(function(){
            $.ajax({
                url:"http://timemeetyou.com:8889/api/private/v1/login",
                method:"post",
                data:{
                    username:'admin',
                    password:'123456'
                },
                success:function(res){
                    /* success后面的方法里面的形参res表示后台返回的数据 */
                    console.log(res);
                }
            })
        })
    </script>