【ajax请求的地址，为什么不能直接写在代码中？而要写在Nginx里？】 | IT修真院·坑乎

【ajax请求的地址，为什么不能直接写在代码中？而要写在Nginx里？】 | IT修真院·坑乎

咨询电话 : 010-59478634

问题已收录

ajax请求的地址，为什么不能直接写在代码中？而要写在Nginx里？

我也踩过这个坑( 3 )

已统计您的踩坑,无需重复点击

回答(1)

详细描述

图片

文本

var btn = document.getElementById('btn');
btn.onclick = function () {
    var user = document.getElementById('user').value; //用户名
    var pass = document.getElementById('pass').value; //密码
    var xmlhttp = new XMLHttpRequest; //XMLHttpRequest 对象
    xmlhttp.open('post', '/carrots-admin-ajax/a/login', true); //使用open方法（post类型，地址，异步请求）
    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); //添加 HTTP 头
    xmlhttp.send("name=" + user + "&pwd=" + pass); //发送数据到服务器
    xmlhttp.onreadystatechange = function (data) { //监听事件
        if (xmlhttp.readyState == 4 //通信成功时，状态为4
            &&
            xmlhttp.status == 200) { //服务器已成mlhttp.readyState == 4 //通信成功时功处理了请求。通常，这表示服务器提供了请求的网页。
            var data = xmlhttp.responseText;
            console.log("data字符串:",data);
            data = JSON.parse(data);
            // if (data.message == "success"){
            if (data.code == 0) {
                location.assign("http://dev.admin.carrots.ptteng.com/#/login"); //跳转网页
                // console.log("data:",data);
            } else {
                document.getElementById("hide").innerHTML = data.message;
            }
        }
    }
}

编辑于2024-11-24

[上海|荣耀师兄]JS-林钟远
2

aiax是用来异步请求接口的，我们在代码里写就是为了向后台发送请求，但是浏览器现在有同源策略，什么是同源，就是指协议、端口、域名相同，有了同源策略的”干扰“，我们想从自己写的界面跳到另一个界面就需要”跨域“，所以我们才需要用Nginx，利用反向代理，所以我们需要在Nginx里面配置

查看全部>

编辑于2019-10-29

去第页

Copyright ©2015 北京葡萄藤信息技术有限公司 All Rights Reserved | 京ICP备15035574号-1

复制链接
新浪微博
微信扫一扫