如何用原生js写Ajax请求？

最新推荐文章于 2024-09-01 19:13:21 发布

其实也没有

最新推荐文章于 2024-09-01 19:13:21 发布

阅读量442

点赞数 1

文章标签： js ajax javascript

本文链接：https://blog.csdn.net/lb191258514/article/details/116432195

版权

本文详细介绍了如何使用原生JavaScript编写Ajax请求，包括open方法的参数解析、send方法的使用、onreadystatechange回调函数的作用，以及Ajax的其他配置如setRequestHeader、timeout等。同时，阐述了Ajax的工作原理，强调其核心机制是XmlHttpRequest对象实现的异步请求，以无刷新方式更新页面。

摘要由CSDN通过智能技术生成

如何用原生js写Ajax？

我们在node.js配置的服务器

// 创建应用对象
const app =express();

// 创建路由规则
app.get('/lb',(request,response)=>{
   
    // 设置允许跨域
    response.header("Access-Control-Allow-Origin","*");
    // 请求响应
    response.send('hello express 11111')
})
app.all('/lb',(request,response)=>{
   
    // 设置允许跨域
    response.header("Access-Control-Allow-Origin","*");
     // 响应头，允许接受所有请求头信息
    response.header("Access-Control-Allow-Headers","*");
    // 请求响应
    response.send('hello express post')
})
// 服务器监听
app.listen(8000,()=>{
   
    console.log('服务器已经启动....')
})

我们客户端通过绑定按钮点击事件来请求Ajax

<body>
   	<button>点击发送get </button>
    <button>点击发送post </button

最低0.47元/天解锁文章

其实也没有

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫