实现一个简单的ajax请求

最新推荐文章于 2024-07-15 22:52:27 发布

Londing...

最新推荐文章于 2024-07-15 22:52:27 发布

阅读量1.4k

点赞数

分类专栏： ajax

本文链接：https://blog.csdn.net/grand_brol/article/details/108063846

版权

ajax 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

ajax请求写法

1、创建一ajax实例

var xhr = new XMLHttpRequest()

2、设置相应方法和请求路径

  xhr.open('get', 'http://127.0.0.1:3000/ajax')

3、发送请求

xhr.send()

4、获得相应数据

 xhr.onload = function() {
            console.log(xhr.responseText)
 }

注：因为发送请求时不能在第一时间拿到数据，是一个异步操作，所以需要onload，等执行完毕后。

全部代码

HTML

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        var xhr = new XMLHttpRequest()
        xhr.open('get', 'http://127.0.0.1:3000/ajax')
        xhr.send()
        xhr.onload = function() {
            console.log(xhr.responseText)
        }
    </script>
</body>
</html>

js服务器

var express = require('express')
var path = require('path')
var app = express()
app.use(express.static(path.join(__dirname, 'public')))
app.get('/ajax', function(req, res) {
    res.send('hello')
})
app.listen(3000, function() {
    console.log('app is runing...')
})

Londing...

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
实现一个简单的ajax请求

ajax请求写法1、创建一ajax实例var xhr = new XMLHttpRequest()2、设置相应方法和请求路径 xhr.open('get', 'http://127.0.0.1:3000/ajax')3、发送请求xhr.send()4、获得相应数据 xhr.onload = function() { console.log(xhr.responseText) }注：因为发送请求时不能在第一时间拿到数据，是一个异步操作，所以需要onload
复制链接

扫一扫

专栏目录