javascript - 关于ajax的问题

问题描述

问 题

ajax里的 url后面的key 和我在浏览器输入的那一串是什么关系？
为什么浏览器输入那一串key 就可以获取数据，
ajax里面url后面/n/g/question/get 这个玩意跟浏览器上不一样啊

解决方案

给你看个例子：

图中network中显示 （我是用webstrom打开的 自动开了一个服务器端口）
标记红色部分是你文件的目录 也就是index.html的目录
标记蓝色的部分是ajax请求显示的路径也就是ajax请求中的url部分

这里贴代码：

$.ajax(
            {
                type: "post",
                url: "http://t1.loocha.cn:9880/link/anchor/finalcompetitor?activityId=40987",
                data: {},
                dataType: "jsonp",
                callback: "test",
                success: function (data) {
                    for (var i = 0; i < data.users.length; i++) {
                        $(".imga").eq(i).css("background-image", "url(http://t1.loocha.cn:8080" + data.users[i].avatar + ")");
                        //头像
                        $(".name").eq(i).html(data.users[i].user_name);
                        //名字
                        $(".vote span").eq(i).html(data.users[i].vote_count);
                        //投票数  按最高100来算
                        $(".yellow").eq(i).css("height", ((data.users[i].vote_count)*1/100*100)+"%");
                    }
                }
            }
        )

总结：
ajax url写的是你要访问的接口地址 你这个地方 是绝对路径 我的例子需要跨域 是直接加域名的
浏览器显示的http那个地址是 你文件目录的地址
也就是index.html的地址

这篇关于javascript - 关于ajax的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！