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

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

ただいまの
回答率

88.59%

htmlの配列データpostして、pythonrequest.dataでとれずに困っています。

解決済

回答 1

投稿 編集

  • 評価
  • クリップ 1
  • VIEW 1,120

meJ15

score 44

 前提・実現したいこと

htmlで作った配列データをpythonで確認したいのですが、うまくデータがとれません。

いまhtml内で作った配列データをボタンを押したら、ajaxを使ってPOSTでpythonに送ろうとしています。

python側は受け取った配列を関数の引数にしていますが、
TypeError: 'builtin_function_or_method' object is not subscriptable
toiuエラーが出ています。たぶん配列をおくったはずが、送れていない?

そこでpythonに送らているデータを見ようと思い下のようなコードにしていますが、
/predict/のほうにとんでも、白紙のページしかありません。

html側の問題であると考えていますが、いろいろネット情報を探ってコードを書き換えても、解決しなかったため質問します。

webでユーザが作った配列データをpythonに送りその情報で判別する機械学習アプリを作っています。

参考動画
書いた文字を機械学習的に判別するシステムをもとにしています。

 発生している問題・エラーメッセージ

\my_csv.py", line 69, in check_genre
    writer.writerows[(arr)]
TypeError: 'builtin_function_or_method' object is not subscriptable

 該当のソースコード

#一部です
<script type="text/javascript" src="../static/jquery-3.3.1.min1.js"></script>
<script type="text/javascript">
qButton.onclick = () =>{
    console.table(arr);
    var $SCRIPT_ROOT = {{ request.script_root|tojson|safe }};
    $.ajax({
      type: "POST",
      url: $SCRIPT_ROOT + "/predict/",
      data: arr,
      traditional: true,
    });
}
</script>
import json
from flask import request
from flask import Flask, render_template
#予測するpyプログラム
import my_csv

import pandas as pd
import numpy as np
import serial
import datetime
import csv
import time
import matplotlib.pyplot as plt
import random
#scientific computing library for saving, reading, and resizing images
from scipy.misc import imsave, imread, imresize

#for matrix math
import numpy as np
#for regular expressions, saves time dealing with string data
import re

#system level operations (like loading files)
import sys 
#initalize our flask app
app = Flask(__name__)
@app.route('/')
def index():
    with open("index.html", "rb") as f:
        return render_template('index.html')

@app.route('/predict/',methods=['GET','POST'])
def predict():
    csvdata = request.data
        #request.dataが配列ならlabel,とpercentを返す。
    #label,percent = my_csv.check_genre(csvdata)
    #return label,percent    
    return csvdata   

 試したこと

元のソース
imgData = request.get_data()を
csvdata = request.dataと変えたり、

↓元のhtmlを変えていますが、何が悪いのかわかりません。
$(".myButton").click(function(){
var $SCRIPT_ROOT = {{ request.script_root|tojson|safe }};
var canvasObj = document.getElementById("canvas");
var img = canvasObj.toDataURL();
$.ajax({
type: "POST",
url: $SCRIPT_ROOT + "/predict/",
data: img,
success: function(data){
$('#result').text(' Predicted Output: '+data);
}

ほぼ確実なのがHTMで作成した配列データを送れていないということです。

イメージ説明
console.table(arr);での出力がこのような感じです。
____________________________________________11/23
html側を変えずに
pythonを変えてみると、データらしいものは届いていますが、undefinedになっています。

console.table(arr);
    var $SCRIPT_ROOT = {{ request.script_root|tojson|safe }};
    $.ajax({
      type: "POST",
      url: $SCRIPT_ROOT + "/predict/",
      data: arr,
      traditional: true,
    });
@app.route('/predict/',methods=['GET','POST'])
def predict():
    print((request.get_data()).decode('utf-8'))
    print(type(request.get_data()))
    csvdata = request.get_data()
    print(csvdata)

![イメージ説明

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

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

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

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

checkベストアンサー

+1

\my_csv.py", line 69, in check_genre
    writer.writerows[(arr)]
TypeError: 'builtin_function_or_method' object is not subscriptable

writer.writerows[(arr)] ⇒ writer.writerows([arr])では?

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/11/23 18:55 編集

    状況をご共有くださりありがとうございます。確かにネストされた配列が問題なのかもしれませんね。おそらく( arr.join("\n") よりも)確実なのは、次のように、やりとりするときは必ず JSON にすることではないかと思います。

    `data: {'data':JSON.stringify(arr)},`

    同じようにネストされた配列が `jQuery.ajax()` でうまく扱えない、というような主旨の質問がありました。こちらもご参考になるかもしれません: https://stackoverflow.com/questions/11747373/how-to-pass-multi-dimensional-array-with-jquery-ajax-post/11747502

    キャンセル

  • 2018/11/25 13:57

    回答ありがとうございます。
    JSONのほうが確実ということを知らなかったのでためになります。
    またお願いします!!

    キャンセル

  • 2018/11/25 14:23

    `arr.join("\n")` だと、中のデータ次第では Python 側で正しく復元できない可能性もあるので、その意味で JSON の方がより確実、という発言でした :D

    キャンセル

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

  • ただいまの回答率 88.59%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る