关于ajax路径用加/与不加/的区别

最近在写代码中纠结了一下原生ajax 路径 url中携带/与不携带的区别
举个列子 如右边项目路径 http://localhost:8080/test/index.html
如果在此时发起ajax请求
ajax 请求的路由为 url:"/find/list"
此时相当于从项目的根路径跳转路由也就是http://localhost:8080后面来添加路由
则url跳转为
http://localhost:8080/find/list
如果请求的url:“find/list”
则此时为相对路径，相对于index.html页面而言
url跳转为
http://localhost:8080/test/find/list
有时候我们页面中大多会使用相对路径
比如引用图片 js css 之类的 因为绝对路径（都是从c:\开始的）对于每个计算机存储位置都是不同的 所以引用一定会出错
而项目中的资源都是相对的
所以比如 在相同目录下 如http://localhost:8080/test/index.html中 我们可以根据index.html与你所需要的资源所在位置来引用
如果在资源在http://localhost:8080/test/下则可以相对路径直接引用一张图片 pic.jpg或者 ./pic.jpg 这里的pic.jpg==./pic.jpg
在比如资源文件在 http://localhost:8080/pic/picture.png 这个路径下
而我们此时路径http://localhost:8080/test/index.html 在index.html中 此时资源路径不再test路由下所以必须向上查
我们通过…/返回到上一层 也就到了http://localhost:8080 此时通过这个路由我们就可以定位到我们要的资源了
…/pic/picture.png 就是我们根据index.html相对与picture.png资源引用所指向的资源路径
不喜勿喷
如有不对多多指教~~
（文中3个.为2个.不知道为啥发了以后就是3个.）