ajaxのURLは何ですか

WBOY
リリース: 2022-07-04 16:05:10
オリジナル
6045 人が閲覧しました

ajax の URL は、リクエストを開始するアドレスを指します。ajax の URL パスを記述する方法は 2 つあります。1 つは、プロトコル、ホスト アドレス、ポート番号、プロジェクト名を含む完全なリクエスト パスです。もう 1 つは相対パスです。現在のリクエスト アドレスへの相対パス。構文は "$.ajax({type:...,url:...,data:...,success:...});" です。 。

ajaxのURLは何ですか

#この記事の動作環境: Windows10 システム、javascript1.8.5&&html5 バージョン、Dell G3 コンピューター。

ajax の URL とは何ですか?

url は、ajax によって開始されたリクエスト アドレスです。url:'A.jsp?ids=' id; を見てください。ids はリクエスト アドレスの 1 つです。パラメータ、このリクエストが送信された後の ids パラメータの値は、後で追加した ID です。

Ajax の URL の書き方:

$.ajax({type: "POST",
url: "some.php",
data: "name=John&location=Boston",
success: function(msg){alert( "Data Saved: " + msg );}});
ログイン後にコピー

URL パスの書き方は 2 つあります。 ajax の場合、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"
});
ログイン後にコピー

理由: 「/」は、リクエストがスレーブ サーバーのルート パスに基づいていること、つまり、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 ビデオ チュートリアル]

以上がajaxのURLは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート