AJAX--GET请求

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>AJAX GET 请求</title> <style> #result{ width: 200px; height: 100px; border: solid 1px #90.
摘要由CSDN通过智能技术生成
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>AJAX GET 请求</title>
    <style>
        #result{
            width: 200px;
            height: 100px;
            border: solid 1px #90b;
        }
    </style>
</head>
<body>
    <button>点击发送请求</button>
    <div id="result"></div>
    <script>
        // 获取button元素
        const btn = document.getElementsByTagName('button')[0];
        const result = document.getElementById('result');
        // 绑定时间
        btn.onclick = function (){
            // 1、创建对象
            const  xhr = new XMLHttpRequest();
            // 2、初始化 设置请求方法和 url
            xhr.open('GET', 'http://127.0.0.1:8000/server?a=100&b=200&c=300');
            // 3、发送
            xhr.send();
            // 4、事件绑定 处理服务端返回的
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
AjaxGET请求是一种向服务器获取数据的方式。它可以通过XMLHttpRequest对象进行原生底层写法,也可以使用jQuery进行封装后的使用。 在原生底层写法中,首先需要创建一个XMLHttpRequest对象,并通过open函数指定请求方式和URL地址。然后调用send函数发起Ajax请求。同时,还需要监听XMLHttpRequest对象的onreadystatechange事件,在事件处理函数中判断readyState和status属性的值,以确定服务器响应完成且响应成功。如果满足条件,可以通过responseText属性获取服务器响应的数据。这是一个典型的GET请求的底层写法。 而在使用jQuery进行封装后的写法中,可以直接使用$.ajax或$.get等函数进行GET请求。这些函数已经对XMLHttpRequest对象进行了封装,极大地降低了Ajax的使用难度。可以通过传递URL地址和一些可选参数来发起GET请求,并通过回调函数处理服务器响应的数据。 总之,AjaxGET请求可以通过原生底层写法或使用jQuery进行封装后的写法来实现。无论哪种方式,都可以实现向服务器获取数据的功能。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [Ajax-GET请求](https://blog.csdn.net/qq_43551801/article/details/120048178)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值