フロントエンドリクエストAjaxのURLパスの書き方

ajax の URL パスを記述する方法は 2 つあります。1 つはプロトコル、ホスト アドレス、ポート番号、プロジェクト名を含む完全なリクエスト パスで、もう 1 つは現在のリクエストからの相対パスです。住所。

ajax の URL パスを記述する方法は 2 つあり、1 つは絶対パスで、もう 1 つは相対パスです。

1. 絶対パス: プロトコル名、ホストアドレス、ポート、Web プロジェクト名などが含まれます。リクエストパス。

例:

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

利点: たとえば、webA プロジェクトの ajax が webB プロジェクトのサービスを要求する必要がある場合、絶対パスを使用する必要があります。

欠点: 絶対パスを使用すると、Paleogeography で Web プロジェクトの名前を変更する必要があります。webB プロジェクトの名前が変更された場合は、対応する ajax リクエストを変更する必要があります。

2. 相対パス: プロトコル名、ホスト アドレス、ポート、Web プロジェクト名は必要ありません。要求されたパスのみが必要です。

前提:

プロジェクト パス: http://localhost:8080/webname

ページ パス:/webname/index.html (ページ)、/webname/test /test.html (B ページ)

リクエスト パス:/request/ajaxtest, request/ajaxtest

1. リクエスト パスがルート パスで始まる場合、ajax ページが何であっても、リクエストはすべてサーバーのルート パスに関連しており、最終的なリクエスト パスは次のとおりです: http://localhost:8080/request/ajaxtest

例:

$.ajax({
    url :"/request/ajaxtest"
});

Reason: 「/」は、リクエストがスレーブ サーバーのルート パスに基づいていること、つまり、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 中国語 Web サイトの他の関連記事を参照してください。