【通过server_name怎么设置访问本地项目？如何跨域向网址发起数据请求？ _跨域 _Ajax 】

通过server_name怎么设置访问本地项目？如何跨域向网址发起数据请求？

我也踩过这个坑( 1 )

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

回答(1)

跨域 Ajax

详细描述

截图

代码

    server {
        listen       12;
# 监听端口
        server_name  localhost;
# 在计算机网络中，localhost（意为“本地主机”，指“这台计算机”）是给回路网络接口（loopback）的一个标准主机名，相对应的IP地址为127.0.0.1（IPv4）和[::1]（IPv6）。
        location / {
# root 指向地址，index相当于文件名
            root   C:\Users\24328\Desktop\start-a-project.github.io\css-js\js-task5\;
            index  js-task5.html;
            try_files $uri $uri/ /index.html =404
        }
#调用ajax刷新的部分？不清楚定义，没百度到，就是ajax调用的部分。
        location /carrots-admin-ajax/{
            proxy_pass http://dev.admin.carrots.ptteng.com/;
        }

// 点击获取value值
$(".btn").eq(0).click(function() {
    var name = $(".name").get(0).value
    var pass = $(".password").eq(0).val()
    console.log(name)
    console.log(pass)
    if (name == '' || pass == '') {
        alert("请输入正确的账号密码")
    }
    var xhr = new XMLHttpRequest(); // 创建一个新的xhr实例
    xhr.open('post', 'http://www.example.com/page.php', true); //使用该实例向网站发起请求，规定请求的类型、URL 以及是否异步处理请求。
    xhr.onreadystatechange = function() { // 若产生变化则指定回调函数
        if (xmlhttp.readyState === 4 || xmlhttp.status === 200) { //判断是否发送成功和判断服务端是否响应成功
            var jsons = JSON.parse(xmlhttp.responseText); //转换
            console.log(jsons);
        }
    }
    xhr.send() //将请求发送到服务器。
}

配置本地现在倒是清楚了，使用的localhost：端口访问，比如我的就是localhost：1000直接输入到网址栏访问。
希望看到的别重复我的错误：若图片名称使用中文会导致使用代理时无法识别，导致图片名称乱码。
server{
        listen      1000;
        server_name localhost;
        location / {
            root   C:\Users\24328\Desktop\start-a-project.github.io\css-js\js-task5;  #指向文件夹
            index   index.html;    
        }
    }

编辑于2024-11-24

时间排序

热门排序

[广州|内门弟子]JS-谢俊凯
0

自己研究半天，参考了不少资料和师兄的坑乎代码，理解了其中的各项含义，以下是我的原生js代码
// 点击获取value值
$(".btn").eq(0).click(function() {
    var name = $(".name").get(0).value; //先获得dom就可以使用value
    var pass = $(".password").eq(0).val(); //jQuery方法获得
    console.log(name);
    console.log(pass);
    if (name == "" || pass == "") {
        alert("请输入账号密码");
    }
    // 创建一个新的xhr实例
    var xhr = new XMLHttpRequest();
    //使用open方法，该实例向网站发起请求，规定请求的类型、URL（拦截名）以及是否异步处理请求。
    xhr.open("post", "/carrots-admin-ajax/a/login", true);
    // 发送一个http头文件，也就是head头告诉服务器客户端要下载什么信息以及相关的参数，一般是一个协议。
    xhr.setRequestHeader("CONTENT-TYPE", "application/x-www-form-urlencoded");
    // 发送数据到服务器，其中name和pwd是接口规定好的字段写的类型是字符串，
    xhr.send("name=" + name + "&pwd" + pass);
    console.log(xhr);
    // 监听事件：若产生变化则指定回调函数
    xhr.onreadystatechange = function() {
        //判断是否发送成功和判断服务端是否响应成功4代表请求最后一步，200代表请求成功
        if (xhr.readyState === 4 && xhr.status === 200) {
            //转换字符串为对象，responseText就是获得字符串形式的响应数据。
            var jsons = JSON.parse(xhr.responseText);
            console.log(jsons);
            // 若是返回正确的编号则跳转，否则提示账户或密码错误的弹框，可以使用message来动态定义错误文字。
// 因为晚上账户被人改了没试验出来正确的返回code
            if (xhr.code == 正确的返回code) {
                // 跳转
            }
        }
    };
    console.xhr;
});

查看全部>

编辑于2020-05-24

去第页