質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Django

DjangoはPythonで書かれた、オープンソースウェブアプリケーションのフレームワークです。複雑なデータベースを扱うウェブサイトを開発する際に必要な労力を減らす為にデザインされました。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Ajax

Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

Q&A

0回答

1496閲覧

Djangoで処理が長い関数を実行時に、PACE.JSを使いたいが上手くいかない

MitMc

総合スコア34

Django

DjangoはPythonで書かれた、オープンソースウェブアプリケーションのフレームワークです。複雑なデータベースを扱うウェブサイトを開発する際に必要な労力を減らす為にデザインされました。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Ajax

Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

0グッド

1クリップ

投稿2019/01/14 02:29

処理に時間がかかり、「localhostを待機してます」 と下に表示されている時に、PACE.JSを利用して、プログレスバーを表示させたいのですが、上手くいきません。(ページの読み込み時には表示されるのですが、関数を実行して次のページに遷移するような関数を読み込み時には表示されない)

HTML

1<meta charset="utf-8"> 2 <title>{{title}}</title> 3 <link rel ="stylesheet" type="text/css" 4 href="{% static 'keiba/css/style.css' %}" /> 5 6 <script src="https://cdnjs.cloudflare.com/ajax/libs/pace/1.0.2/pace.js" ></script> 7 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pace/1.0.2/themes/black/pace-theme-loading-bar.css" > 8 9 10 11

ページを初めて読み込む時、再読み込み、関数を読み込み(postし同ページにリターン) ページ内で表示した時には表示されるのですが、肝心の関数を読み込み別のページに遷移する処理をする時に表示されません。

postに適用されていないのが原因かもしれないと思い、下記のように対応したのですが、結果は変わりませんでした。(遷移先のHTMLにも追記しましたが、あくまでURLが遷移先に移ってから、バーが表示されるだけ。
遷移前のページで「localhostを待機してます」となっている時には表示されません。

参考記事
https://qiita.com/okashoi/items/ae91eaa539c1f33fccb5

①・https://github.hubspot.com/pace/docs/welcome/から「pace.js」をクリック。
・djangoのstatic/アプリ名 の下に空のjsファイルを作成し、ブラウザに表示されたコードを貼り付け。

②HTMLを下記の通り変更

html

1logic.html 2 3<head> 4 <meta charset="utf-8"> 5 <title>{{title}}</title> 6 <link rel ="stylesheet" type="text/css" 7 href="{% static 'keiba/css/style.css' %}" /> 8 9 <script src="{% static 'keiba/pace.js' %}" ></script> 10 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pace/1.0.2/themes/black/pace-theme-loading-bar.css" > 11 12........ 13

javascript

1pace.js 2 3..... 4...... 5...... 6 7 8Pace.options.ajax.trackMethods = ['GET', 'POST'];

どのようにしたら、同ページ内で「localhostを待機してます」となっている時に、バーを表示させることができるでしょか?

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問