es6

请使用jq通过get和post调用接口http://index.com数据并接收,get和post传id=99

// $.get("http://http://index.com",{id=99},function(data,status){

        //  console.log(data);

        // });

        $.post("http://index.com",{

            "id":99

        },function(data,status){

            console.log(data);

        });

 js中 ajax调取接口数据 异步
        一、 http与https区别
         1、https协议需要到ca申请证书,一般免费证书较少,因而需要一定费用。
         2、http是超文本传输协议,信息是明文传输,https则是具有安全性的ssl加密传输协议。
         3、http和https使用的是完全不同的连接方式,用的端口也不一样,前者是80,后者是443。
         4、http的连接很简单,是无状态的;HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议,比http协议安全。

  1.创建XMLHttpRequest()对象

 let http = new XMLHttpRequest();

  2.请求   创建的对象.open("请求方式","url")

请求方式
get方式偏向获取数据
post方式偏向向后端提交数据
put方式偏向更新(全部更新)
delete方式偏向删除信息
  • get方式
 http.open("get","http://jsonplaceholder.typicode.com/posts?id=10");
        http.send();
  • post方式
 http.open("post","http://jsonplaceholder.typicode.com/posts");
        // 传值:
        // 1)表单格式
         http.setRequestHeader("Content-Type","application/x-www-form-urlencoded")
         http.send(JSON.stringify(`userId=10&title=hello&body=你好`));
        // 2)JSON格式
         http.setRequestHeader("Content-Type","application/json")
         http.send(JSON.stringify({
            "userId":10,
            "title":"hello",
            "body":"你好"
         }))


        3.响应(获取接口返回值)http.responseText()获得字符串形式的响应数据。
        4.onreadystatechange 监听事件

readyState值
 0: 请求未初始化
1: 服务器连接已建立
 2: 请求已接收
 3: 请求处理中
 4: 请求已完成,且响应已就绪

监听事件

http.onreadystatechange = function(){
			if(http.readyState==4 && http.status==201){
				console.log(JSON.parse(http.responseText));
			}
		}
		console.log(http);

jq 
        $.ajax()默认行为是get
        
        var base = "http://jsonplaceholder.typicode.com";
        $.ajax({
            url: base+"/posts",//base是"//http.127.0.0.1"
            data: {
                id:20
            },
            success: function(user){
                console.log(user);
            },
        })

  • 9
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值