FlaskとjQueryでJSONのやりとり
FlaskとjQueryでのJSONのやりとりについて。
サーバからJSONを受け取るサンプルはよく見かけるんだけど、サーバにJSONを送るものがあまりなかったので。
Flask
... @app.route('/test', methods=['POST']) def test(): if request.method == 'POST': data = request.json print data return Response('ok') ...
$(function() { data = {"hoge": "fuga"}; json = JSON.stringify(data); // object型からJSON文字列(string型)に変換 $.ajax({ type: 'POST', url: '/test', data: json, contentType: 'application/json', success: function(msg) { console.log(msg); }, error: function(msg) { console.log('error'); } }); });
JSON.stringifyをしていなくてハマりました。
サーバ側からJSONでResponseを返す場合は$.ajaxでdataTypeを指定すること。
Flask
... return jsonify(res='ok') ...
$.ajax({ ... dataType: 'json', success: function(msg) { console.log(msg.res); }, ...
Firefox Developers Conference 2012 in Osaka に行ってきました
Firefox Developers Conference 2012 in Osakaに行ってきました。
メモ兼まとめなど。
Opening 〜Web こそがプラットフォーム!〜
Web 開発者ツール、使いこなせてますか?
才色兼備なグラフィックス SVG が魅せる Web の未来
Web プラットフォームのためのアプリ開発
Writing HTML 〜これからの HTML の書き方〜
- レスポンシブウェブ
- フレキシブルなグリッドレイアウト
- 最適化ではなく汎用化
- 特定のデバイスにフォーカスはしない
- 画像は1パターンで差し替えなどはしない
- 差し替えは読み込みのコストがかかる
- CSS3を積極的に使う
- ロールオーバーなどもJSではなくCSS3で
- ファイルを減らしてリクエストを減らす
- デスクトップ前提からマルチデバイス前提へ
- すべてのサイトでレスポンシブ対応する必要はない
- プログレッシブ・エンハンスメント
懇親会は無料! おいしかった! Tシャツも当たった!
カクテルのデモが良かったけど、やっぱりアルコール+ポカリは危険だと思います。
あと、名刺は必須だなと思いました。今度からつくって持ってくる。