前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >ajax实现步骤

ajax实现步骤

作者头像
hss
发布2022-02-25 20:06:23
4710
发布2022-02-25 20:06:23
举报
文章被收录于专栏:前端卡卡西前端卡卡西

1.创建一个XMLHttpRequest异步对象

段落引用new XMLHttpRequest()

2.设置请求方式和请求地址

open("GET", "http://localhost:3003/article", true)

3.接着,用send发送请求

send() send("fname=Henry&lname=Ford");

4.监听状态变化

Onreadystatechange=function(){}

5.最后,接收返回的数据

responseText

案例

代码语言:javascript
复制
<script>
    function ajaxfn() {
        // 创建一个XMLHttpRequest异步对象
        var xmlhttp = new XMLHttpRequest();
        // 设置请求方式和请求地址
        xmlhttp.open("GET", "http://localhost:3003/article", true);
        // send发送请求
        xmlhttp.send();
        // 监听状态变化
        xmlhttp.onreadystatechange = function () {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                // xmlhttp.readyState == 4表示请求已完成
                // xmlhttp.status == 200表示成功
                // xmlhttp.status == 404未找到页面
                console.log('object');
                console.log(xmlhttp.responseText);
                console.log(xmlhttp.getAllResponseHeaders());
                console.log(xmlhttp.getResponseHeader('content-type'));
            }
        }
    }
    ajaxfn()
</script>
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020-05-31 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 案例
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档