ajax请求

最新推荐文章于 2022-10-29 12:43:10 发布

回忆小浪漫

最新推荐文章于 2022-10-29 12:43:10 发布

阅读量168

点赞数

本文链接：https://blog.csdn.net/weixin_42355871/article/details/85037077

版权

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link href="http://moonbuy.cn/mall/static/images/favicon.ico" rel="shortcut icon" type="image/x-icon">
</head>
<body>
    <script>
        // 我们为什么要学习数据交互
        // 开发前端 页面上数据 大部分都是来源于服务端
        // 前端通过ajax 发送请求 到后端
        // 后端 返回对应的数据
        // 布局 数据处理（ 数据采集，发送后端 ， 发送数据，数据处理 ）
        // ajax 不兼容
        // jq简单 好用 兼容
        // react-native 推荐用 fetch(获取) 请求资源

        // php需要在服务器的环境运行

        // 集成环境 一键安装 不需要自个花时间花精力去配置 电脑【只需要安装一个集成环境就可】
        // 没必要安装多个 如果多个会出现端口冲突
        // 在安装目录 打开xampp-control.exe 勾选apache start
        // 通过 127.0.0.1 访问本地服务器的根目录
        // 可以把htdocs 文件里面的文件都删除掉 只留图标
        // 就可以自己写的web项目放到里面

        // 最好会写数据接口 会分析数据结构
        // 做的项目 都是根据数据结构来的  数据驱动视图
        const xhr = new XMLHttpRequest()
        xhr.onload = function (){
            if( xhr.readyState == 4 && xhr.status == 200){
                console.log( xhr.response )
                //console.log( JSON.parse(xhr.response) )
            }
        }
        // xhr.open('get','./data.php',true)
        // 浏览器的默认机制（安全问题 就像mac 安全来源 安全特性）
        // 不推荐 这限于 测试使用 这种方式
        // xhr.open('get','http://www.tanzhouweb.com/20test/data.php',true)

        // 不同源 不同服务器 不同域名
        // xhr.open('get','http://127.0.0.1:7001',true)
        xhr.open('get','http://47.100.98.54:7001',true)
        xhr.send()
    </script>
</body>
</html>