ajax tomcat实例,Tomcat下ajax请求路径总结(示例代码)

Bertha 。 2022-09-03 13:22 140阅读 0赞

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

一、绝对路径：包括协议名称、主机地址、端口、web项目名称等的完整请求路径。

例如：

$.ajax(\{

url:"http://localhost:8080/webname/test"

\});

好处：比如在webA项目中的ajax需要请求webB项目中的服务，则必须使用绝对路径。

坏处：使用绝对路径要求古地理更web项目的名称，如果webB项目重命名了，则对应的ajax请求都需要修改。

二、相对路径：不需要协议名、主机地址、端口、web项目名称，只需要请求的路径。

假设：

项目路径：http://localhost:8080/webname

页面路径：/webname/index.html(A页面)，/webname/test/test.html(B页面)

请求路径：/request/ajaxtest，request/ajaxtest

1、如果请求路径以根路径开头，则无论什么ajax在什么页面，该请求都是相对于服务器的根路径，最后的请求路径都是：http://localhost:8080/request/ajaxtest

例如：

$.ajax(\{

url :"/request/ajaxtest"

\});

原因：以"/"开头，是表示该请求基于从服务器的根路径，即不是相对于html的路径。

2、如果请求不以根路径开头(常见)，则该请求路径是相对于html所在的路径的。

a、假如请求在A页面，最终的请求路径是：http://localhost:8080/webname/request/ajaxtest。

//     /webname/index.html页面

$.ajax(\{

url:"request/ajaxtest"

\});

原因：index.html页面对应的路径是"/webname/"，所以将url跟在这个路径下就是最终的请求路径。

b、假如请求在B页面，最终的请求路径是：http://localhost:8080/webname/test/request/ajaxtest。

//     /webname/test/test.html页面

$.ajax(\{

url:"request/ajaxtest"

\});

原因：test.html页面对应的路径是“/webname/test/”，所以将url要跟在test这一级下面。

三、环境描述

web服务器：Tomcat7

MVC框架：springMVC

以上内容，都是基于该环境测试自行总结出的，并无理论依据，若有错误请留言。

发表评论取消回复

表情：

评论列表（有 0 条评论，140人围观）

还没有评论，来说两句吧...

相关阅读

相关 AJAX请求示例

$.ajax({ url: "", //请求地址 type: 'POST',

雨点打透心脏的1/2处/ 2024年04月01日 14:47/ 0 赞/ 36 阅读

相关 Jquery中发送ajax请求示例代码

场景 jquey中实现发送ajax请求。实现 function printCode(id){ debugger $.aj

古城微笑少年丶/ 2023年10月18日 15:52/ 0 赞/ 86 阅读

相关 ajax请求url 绝对路径与相对路径

1.绝对路径 url开头为一个斜杠"/", 这个斜杠说明这个请求从根目录去访问，这个是绝对路径。例子: $.ajax({ url: '/index/

冷不防/ 2022年10月07日 00:48/ 0 赞/ 260 阅读

相关 ajax tomcat实例,Tomcat下ajax请求路径总结(示例代码)

ajax的url有两种，一种是绝对路径，另一种是相对路径。一、绝对路径：包括协议名称、主机地址、端口、web项目名称等的完整请求路径。例如： $.ajax(\{ u

Bertha 。/ 2022年09月03日 13:22/ 0 赞/ 141 阅读

相关 ajax自定义头信息,ajax设置自定义请求头信息(示例代码)

客户端请求 $.ajax(\{ type:"post", url:urlstr, dataType:‘json‘, async:true, headers:\{to

逃离我推掉我的手/ 2022年09月03日 06:18/ 0 赞/ 225 阅读

相关 spring MVC中ajax请求路径

spring MVC中ajax请求路径或文件加载路径问题在springMVC中，由于每个view一般都是一个放在统一路径下的jsp，这些view由不同的c

叁歲伎倆/ 2022年08月18日 11:57/ 0 赞/ 155 阅读

相关 Java——Ajax+Tomcat完成异步请求

Ajax最为网页异步交互技术相信大家并不陌生，这里我也不做过多介绍，详情点击（[百度百科][Link 1]）。很多框架也封装了Ajax技术，使用起来更加简单，比如jQuer

快来打我*/ 2022年08月09日 15:50/ 0 赞/ 150 阅读

相关 Ajax引擎：ajax请求步骤详细代码

说起AJAX，可能是很多同学在很多地方都看到过，各大招聘网站上对于WEB前端和PHP程序员的技能要求清单中也是必不可少的一项。但是，ajax请求步骤详细代码以及说明却比较少见到

亦凉/ 2022年06月16日 14:46/ 0 赞/ 136 阅读

相关 ajax示例

超级麻烦的党梁写法： function getBookList(currentPage){ var qbookName = $("qbookName").v

朴灿烈づ我的快乐病毒、/ 2022年04月10日 04:15/ 0 赞/ 228 阅读

相关 Tomcat下ajax请求路径总结

ajax的url有两种，一种是绝对路径，另一种是相对路径。一、绝对路径：包括协议名称、主机地址、端口、web项目名称等的完整请求路径。例如： $.ajax(\{

骑猪看日落/ 2021年09月15日 14:26/ 0 赞/ 257 阅读