データベースに入れるHTMLテーブルの値を引き出す

Question

私は、データベーステーブルから情報を取り出してHTMLテーブルに配置するWebサイトで作業しています。 Jqueryのクリック機能とcontenteditableを使用して、クリックすると表のセルを編集可能にしています。私は、データベースに編集された値をプッシュする最善の方法を見つけようとしています。データベースの各行には固有の日付があるので、正しいデータベースエントリを見つけるための検索パラメータとして列番号と組み合わせて使用​​するのが私の考えです。私は$(this).bind('input propertychange', function() {を使いこなしていたのですが、内容を変更したあとにajaxを実行しようとしていましたが、関数内に関数を配置することは悪い考えでしたので、他の人がもっと良いアイデアを出すのを助けてくれることを期待していました。ここでは、誰かが私を助けようとするコードで遊んでいる人のための時間を節約するためのテーブルの簡単な実例を示します。先輩の助けをありがとう！一般的にJavaScriptで行われている関数の中の関数を配置

  $('td').click(function(){ 
 
       var val=($(this).siblings().first().text()); 
 
       var col = $(this).parent().children().index($(this)); 
 
       $(this).prop('contenteditable', true); 
 
       //var row = $(this).parent().parent().children().index($(this).parent()); 
 
       //alert('Date: ' + val + ', Column: ' + col); 
 
      });

  table,th, td { 
 
       border: 1px solid black; 
 
       border-collapse: collapse; 
 
       font-size: 90%; 
 
      } 
 
      th, td { 
 
       padding:8px; 
 
      } 
 
      td { 
 
       text-align: center; 
 
      } 
 
      table { 
 
       margin:0 auto; 
 
      }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table><tr><th></th><th>22oz Dark</th><th>12ct 4oz Dark</th></tr><tr><th>2016-01-01</th><td>9785</td><td>2478</td></tr><tr><th>2016-01-02</th><td>8754</td><td>2136</td></tr><tr><th>2016-01-03</th><td>13587</td><td>2203</td></tr><tr><th>2016-01-04</th><td>14111</td><td>3297</td></tr><tr><th>2016-01-05</th><td>13212</td><td>3101</td></tr><tr><th>2016-01-06</th><td>16335</td><td>3299</td></tr><tr><th>2016-01-07</th><td>15421</td><td>3100</td></tr></table>

Answer 1

。コールバック関数とクロージャはまさにそれです。

いくつかのタイプのイベントリスナーを入力に追加することをお勧めします。編集が完了したら、その入力の値を取得してAJAX呼び出しを行うことができます。

入力を編集可能にするとは限りません。クリックするとその属性が追加されます。そして、それをターゲットにするためにjQueryを使用します。

Answer 2

私は今後の読者のために問題を解決するためのソリューションを投稿したかったのです。 bindを使うのではなく、キーアップと一緒に行った（私は最初にkeyupキーのリリースを知らなかった）。だから次のコードを使用して、私はこの質問を投稿したときに私がやろうとしていたことを今すぐ行うことができます：