1. ホーム
  2. Web プログラミング
  3. AJAX関連

ajax インターフェース文書の URL パスの省略の例

2022-01-15 19:04:51

こんにちは、私はあなたたちがサーバーにAjaxリクエストを送信するプロジェクトを書いている場合、URLアドレスで、各プロジェクトの前にページネーションパスを書き込むには、リクエストのルートパスを追加して面倒な感じ、私は次のページネーションパスを直接行に書き込む簡単な方法を紹介します不思議です。

まず、コードの一部を見てみましょう。

 $.ajax({
        method: "get",
        url: "http://api-breakingnews-web.itheima.net/my/userinfo",
        success: res => {
           console.log()
        }
    })

上記では、Jqueryのメソッドを使用して、URLアドレスを含むリクエストをサーバーに送信しています。

http://api-breakingnews-web.itheima.net/my

はプロジェクトからのリクエストルートパスです http://api-breakingnews-web.itheima.net和分页路径/my/userinfo组成的

あとは、新しいjsファイルを作成して、そこに以下のコードを書くだけです。

//set the request root path
$.ajaxPrefilter(options => {
    options.url = "http://api-breakingnews-web.itheima.net" + options.url;
})

http://api-breakingnews-web.itheima.net就是项目的根路径、もちろん、異なるプロジェクトのルートパスは異なっている、私はちょうど例を行う、あなたはちょうど書くときにあなたのプロジェクトの要求のルートパスにルートパスを変更する必要があります。このコードは、Jqueryに基づいているので、我々は最初のJqueryを導入する必要がありますし、導入の順序は次のとおりです。

 <script src=". /assets/lib/jquery.js"></script>
 <script src=". /assets/js/bassApi.js"></script>
 <script src=". /assets/js/index.js"></script>

これらのうち最初のものはJquery.jsファイル、2番目は新しいjsファイル、3番目はプロジェクトページングjsファイルです。順序を変更することはできません、さもなければ効果がありません、3つのファイルはすべて、次のようにプロジェクトページングのhtmlファイルの下部に導入する必要があります。

<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
   
</head>
 
<body class="layui-layout-body">
   
    <! -- Import the relevant JS files -->
    
    <script src=". /assets/lib/jquery.js"></script>
    <script src=". /assets/js/bassApi.js"></script>
    <script src=". /assets/js/index.js"></script>
    
</body>
 
</html>

概要

Ajaxインターフェース文書のURLパスに関するこの記事は、これに導入され、より関連するAjaxインターフェース文書のURLパスの内容は、スクリプトホーム以前の記事を検索してくださいまたは次の関連記事を閲覧し続けるあなたは、スクリプトホームをよりサポートすることを願っています!.