关于ajax的问题

图片描述

图片描述

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

阅读 2k
3 个回答

给你看个例子:

clipboard.png

图中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的地址

ajax是异步传输,这个地址不在url地址栏中显示的.
你可以打开控制台,里面有个network,在里面你能看到发的请求,就能看到这个url地址了.其实也是一串...

?后面的是查询字符串。一般会被解析为对象。
get提交的信息就在查询字符串中。后台的这个接口收到请求,会去按照提交的参数去检索信息并处理返回。
上下的两个url本质其实是一样的。只不过地址栏的给你一个拼好的页面。js里的给你一串数据,自己做处理。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题