아약스의 URL은 무엇입니까

Ajax의 URL은 요청을 시작하는 주소를 나타냅니다. Ajax의 URL 경로를 작성하는 방법에는 두 가지가 있습니다. 하나는 프로토콜, 호스트 주소, 포트 번호 및 프로젝트 이름을 포함하는 전체 요청 경로이고, 다른 하나는 현재 요청 주소에 상대적 상대 경로, 구문은 "$.ajax({type:...,url:...,data:...,success:...});"입니다.

이 기사의 운영 환경: windows10 시스템, javascript1.8.5&&html5 버전, Dell G3 컴퓨터.

ajax의 URL은 무엇인가요?

url은 ajax에 의해 시작된 요청 주소입니다. url:'A.jsp?ids='+id;를 보면 ids가 요청 주소의 매개변수입니다. 마지막으로 ids 매개변수 값은 나중에 추가한 ID입니다.

ajax의 URL 작성 방법:

$.ajax({type: "POST",
url: "some.php",
data: "name=John&location=Boston",
success: function(msg){alert( "Data Saved: " + msg );}});

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 페이지에 있든 요청은 서버의 루트 경로에 상대적이며 최종 요청 경로입니다. is: 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!