프런트 엔드 요청 Ajax의 URL 경로를 작성하는 방법

Ajax의 URL 경로를 작성하는 방법에는 두 가지가 있습니다. 하나는 프로토콜, 호스트 주소, 포트 번호 및 프로젝트 이름을 포함한 전체 요청 경로이고, 다른 하나는 현재 요청 주소에 상대적인 경로입니다.

Ajax의 URL 경로를 작성하는 방법에는 두 가지가 있습니다. 하나는 절대 경로이고 다른 하나는 상대 경로입니다.

1. 절대 경로: 프로토콜 이름, 호스트 주소, 포트, 웹 프로젝트 이름 등을 포함한 전체 요청 경로입니다.

예:

$.ajax({
    url:"http://localhost:8080/webname/test"
});

혜택: 예를 들어 webA 프로젝트의 ajax가 webB 프로젝트에서 서비스를 요청해야 하는 경우 절대 경로를 사용해야 합니다.

단점: 절대 경로를 사용하려면 웹 프로젝트의 이름을 변경하기 위해 고생물학이 필요합니다. webB 프로젝트의 이름이 변경되면 해당 ajax 요청을 수정해야 합니다.

2. 상대 경로: 프로토콜 이름, 호스트 주소, 포트 또는 웹 프로젝트 이름은 필요하지 않으며 요청한 경로만 필요합니다.

가정:

프로젝트 경로: 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을 따라야 합니다.

위 내용은 프런트 엔드 요청 Ajax의 URL 경로를 작성하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!