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

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

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

FlaskはPython用のマイクロフレームワークであり、Werkzeug・Jinja 2・good intentionsをベースにしています。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

Ajax

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

Q&A

解決済

1回答

1903閲覧

PythonのFlaskでAjaxを使っていいね機能を実装する仕方を教えてください。

dai0123

総合スコア12

Flask

FlaskはPython用のマイクロフレームワークであり、Werkzeug・Jinja 2・good intentionsをベースにしています。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

Ajax

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

0グッド

1クリップ

投稿2019/05/21 01:42

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
PythonのFlaskを使っていいね機能の実装が完了しました。
次はajaxを使って非同期通信をしたいのですが、どのように実装するのかアドバイスをいただけないでしょうか。

###つまづいている点
こちらなどを参考にしてみたのですが、
https://qiita.com/uuuno/items/5cf1e994dba95453f3ae

・blueprintを使用している際のURL指定。
・routeのint:blog_post_id<action>部分をどのようにajax通信でデータを持って来れば良いのか分からずつまづいています。

該当のソースコード

python

1 2 3 4view.py 5 6@blog_posts.route('/like/<int:blog_post_id>/<action>') 7@login_required 8 9def like_action(blog_post_id,action): 10 blog_post = BlogPost.query.filter_by(id=blog_post_id).first_or_404() 11 if action == 'like': 12 current_user.like_post(blog_post) 13 db.session.commit() 14 15 if action == 'unlike': 16 current_user.unlike_post(blog_post) 17 db.session.commit() 18 return redirect(request.referrer) 19 20
model.py class User(db.Model,UserMixin): __tablename__ = 'users' id = db.Column(db.Integer,primary_key=True) profile_image = db.Column(db.String(64),nullable=False,default='default_profile.png') email = db.Column(db.String(64),unique=True,index=True) username = db.Column(db.String(64),unique=True,index=True) info = db.Column(db.String(250)) last_seen = db.Column(db.DateTime,default=datetime.utcnow) password_hash = db.Column(db.String(128)) posts = db.relationship('BlogPost',backref='author',lazy=True) comments = db.relationship('Comment',backref='poster',lazy=True) followed = db.relationship( 'User',secondary=followers, primaryjoin=(followers.c.follower_id == id), secondaryjoin=(followers.c.followed_id == id), backref=db.backref('followers',lazy='dynamic'),lazy='dynamic') liked = db.relationship( 'PostLike', foreign_keys='PostLike.user_id', backref='user',lazy='dynamic') def __init__(self,email,username,password): self.email = email self.username = username self.password_hash = generate_password_hash(password) def check_password(self,password): return check_password_hash(self.password_hash,password) def __repr__(self): return f"Username {self.username}" def like_post(self,blog_post): if not self.has_liked_post(blog_post): like = PostLike(user_id=self.id,post_id=blog_post.id) db.session.add(like) def unlike_post(self,blog_post): if self.has_liked_post(blog_post): PostLike.query.filter_by( user_id=self.id, post_id=blog_post.id).delete() def has_liked_post(self,blog_post): return PostLike.query.filter( PostLike.user_id == self.id, PostLike.post_id == blog_post.id).count() > 0
index.py {% for post in blog_posts.items %} {% if current_user.is_authenticated %} {% if current_user.has_liked_post(post) %} <a href="{{ url_for('core.like_action', blog_post_id=post.id, action='unlike') }}" style="text-decoration: none; color:black;"><i style="color:red;" class="fas fa-heart"></i></a> {% else %} <a href="{{ url_for('core.like_action', blog_post_id=post.id, action='like') }}" style="text-decoration: none; color:black;"><i style="color:red;" class="far fa-heart"></i></a> {% endif %} {{ post.likes.count()}} {% else %} <i class="fas fa-heart" style="color:red; font-size:25px;"></i>{{ post.likes.count()}} {% endif %} {% endfor %}

試したこと

ここに問題に対して試したことを記載してください。

補足情報(FW/ツールのバージョンなど)

ここにより詳細な情報を記載してください。

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

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

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

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

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

m.ts10806

2019/05/21 01:44

似たような質問は結構あがってる印象なので、Pythonに限らず確認して「概念」的なところを押さえるようにしてみてください。そこで試行錯誤した結果でもって質問するようにすると回答も得られやすくなります
guest

回答1

0

自己解決

こちらAjaxの概念を理解し、実装にトライして

自力で解決しました。

投稿2019/06/30 03:47

dai0123

総合スコア12

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問