关于ajax发送请求以及get与post的区别

ajax发送请求

首先先来点文字简述下五大步:
(1)创建异步对象。即 XMLHttpRequest 对象。
(2)使用open方法设置请求的参数。包括:请求的方法、请求的url。
(3)设置请求头
(4)注册事件。 onreadystatechange事件,状态改变时就会调用。如果要在数据完整请求回来的时候才调用,我们需要手动写一些判断的逻辑。
(5)用send方法发送请求。
接下来就是把这五句代码分别用代码给你们实现出来

   // 1. 创建请求对象
        var xhr = new XMLHttpRequest();

        // 2. 调用open方法  设置请求方式和请求路径  
        // 这里注意get请求 直接在路径后面拼接参数就行了 不需要在最后的send方法里面传参
        xhr.open("get", "data.php?name=jack&age=18");

        // 而post请求是在后面的send方法后进行传递参数 但是必须设置请求头
        // xhr.open("post", "data.php");

        // 3. 设置请求头
        xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

        // 4. 监听响应完成事件
        xhr.onreadystatechange = function() {
   
            if(xhr.readyState == 4 && xhr.status == 200) {
   
                console.log(xhr.responseText);
            }
        }
        // 5. 发送请求
        xhe.send("name=rose&age=99"); // post请求在send的参数传参  get请求 直接拼接路径

注意、:
我的的第二段注释:注意一下 get与post传递参数的区别。两种写法是不同。

用完原生js写的,再用用jQuery的方法来发送请求:


$.ajax({
   
    url: "/greet",
    data: 
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值