网站开发管理学什么,wordpress仿站博客视频,舟山建设信息港,欧莱雅旗下品牌XMLHttpRequest
定义#xff1a; XMLHttpRequest对象用于与服务器交互。通过XMLHttpRequest可以在不断刷新页面的情况下请求特定URL#xff0c;获取数据。这允许网页在不影响用户操作的情况下#xff0c;更新页面的局部内容。 关系#xff1a; axios内部采用XMLHttpReques…XMLHttpRequest
定义 XMLHttpRequest对象用于与服务器交互。通过XMLHttpRequest可以在不断刷新页面的情况下请求特定URL获取数据。这允许网页在不影响用户操作的情况下更新页面的局部内容。 关系 axios内部采用XMLHttpRequest与服务器交互
基本使用
1.创建XMLHttpRequest对象 2.配置请求方法和请求url地址 3.监听loadend事件接受响应结果 4.发起请求
const xhr new XMLHttpRequest()
xhr.open(请求方法请求url网址)
xhr.addEventListener(loadend, () {// 响应结果console.log(xhr.response)
})
xhr.send()数据提交
需求通过XMLHttpRequest提交用户名和密码完成注册功能 核心请求头设置Content-Typeapplication/json请求头携带JSON字符串
const xhr new XMLHttpRequest()
xhr.open(请求方法请求url网址)
xhr.addEventListener(loadend, () {// 响应结果console.log(xhr.response)
})// 告诉服务器我传递的内容类型是JSON字符串
xhr.setRequestHeader(Content-Type, application/json)
// 准备数据并转成JSON字符串
const user {username:jiang, password:123456}
const userStr JSON.stringify(user)
// 发起请求体数据
xhr.send(userStr)
