JavaScript在发送AjAX请求时，URL的域名地址是使用绝对地址还是相对地址？

本文链接：https://blog.youkuaiyun.com/weixin_49101821/article/details/121322013

本文详细介绍了Ajax的概念，它是一种利用JavaScript和XML进行异步数据交换的技术，允许网页无需刷新即可更新内容。讲解了$.ajax()方法在jQuery中的使用，并对比了Ajax请求中绝对路径和相对路径的优缺点。同时强调了使用相对路径时需注意的服务器地址转换问题，确保正确访问目标资源。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Ajax介绍：

Ajax即Asynchronous Javascript And XML（异步JavaScript和XML）在 2005年被Jesse James Garrett提出的新术语，用来描述一种使用现有技术集合的‘新’方法，包括: HTML 或 XHTML, CSS, JavaScript, DOM, XML, XSLT, 以及最重要的XMLHttpRequest。 [3] 使用Ajax技术网页应用能够快速地将增量更新呈现在用户界面上，而不需要重载（刷新）整个页面，这使得程序能够更快地回应用户的操作。

定义和用法：

ajax() 方法通过 HTTP 请求加载远程数据。该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $. p o s t 等。$ .ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数，除非你需要操作不常用的选项，以获得更多的灵活性。最简单的情况下，$.ajax()可以不带任何参数直接使用。注意：所有的选项都可以通过 $.ajaxSetup() 函数来全局设置。

ajax的url有两种，一种是绝对路径，另一种是相对路径。

一、绝对路径：包括协议名称、主机地址、端口、web项目名称等的完整请求路径。例如：
$.ajax({ url:“http://localhost:8080/webname/test” });
1.优点：比如在webA项目中的ajax需要请求webB项目中的服务，则必须使用绝对路径。
2.缺点：使用绝对路径要求古地理更web项目的名称，如果webB项目重命名了，则对应的ajax请求都需要修改。

二、相对路径：不需要协议名、主机地址、端口、web项目名称，只需要请求的路径。假设：
项目路径：http://localhost:8080/xxxname 页面路径：/webname/index.html（A页面），/webname/test/test.html（B页面）
请求路径：/request/ajaxtest，request/ajaxtest

注意：

发送AjAX请求时，URL的域名地址是相对地址还是绝对地址都可以，两者在发送请求时，服务器访问的地址都会转化为绝对地址。但如果使用相对地址的话，一定要注意填写正确，不然可能导致服务器访问的地址不是你想要的地址。例如使用"login.java"，服务器访问的可能是"http://localhost:8080/keti/login.java"。而"/test/login.java"，服务器访问的可能是"http://localhost:8080/test/login.java"。最终访问到的结果不同。

相关连接如下：
jQuery ajax - ajax() 方法