javascript - JavaScriptでDBをクエリする方法は?

javascript ruby-on-rails ruby-on-rails-3 google-maps

ユーザーがGoogle Maps APIを使用して自分の場所を検索できるようにするページがあり、自分のDBに保存した、検索した場所に近い場所を検索できるようにしたいと考えています。

では、どうすればその場でDBをクエリして、Googleマップを更新できますか?

これまでのジオコーディングのコードは次のとおりです。

    function codeAddress(address) {

      geocoder.geocode( { 'address': address}, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
          latLng = results[0].geometry.location;
          map.setCenter(results[0].geometry.location);
          result=results[0].address_components;
          var info=[];
          for(var i=0;i<result.length;++i)
            {
                if(result[i].types[0]=="administrative_area_level_1"){state = i.long_name; }
                if(result[i].types[0]=="locality"){city = i.long_name;}
            } 
        ......


では、これらの都市変数と州変数を取得して、コントローラーに渡してレコードを探すにはどうすればよいでしょうか。

編集-私はこのページでjqueryをまったく使用していません。GoogleMaps APIはプレーンOLのJavaScriptです。

AJAXに関する知識はなく、JavaScriptに関する知識はほとんどありません。

たとえば、次の変数がある場合:var state ="MD"var City = "Bethesda"

これまでの私のコントローラーは:

  def shops
      @maps = Map.where("state LIKE ?", "%#{params[:state]}%" and "city LIKE ?", "%#{params[:city]}%")
  end


そして、その配列を元に戻し、すべてをループして表示する必要があります。

そして、私はこれを行う方法がわかりません。レールを使用した多数のAJAXの例を見てきましたが、これまでのところ特に役立つものはありません。
答え
jQueryを使用して、移植可能なクロスブラウザーであるAJAX呼び出しを行うことができます。 jQueryは軽量のJavaScriptライブラリです。サーバーはJSONでエンコードされたデータで応答し、データはDBから送信されます。タグから提案するように、Rubyなどの任意のサーバー側言語を使用できます。

JSONjQuery.getJson()のチュートリアルをググると、this oneのようにたくさん見つかります。
関連記事

javascript - JQueryテンプレート-テンプレートで指定されている以上の$ {$ item.function()}を呼び出します

javascript - MVC3のJavaScriptを介してViewModelプロパティ値を変更する

javascript - そのクラスにある関数内のクラスからthis.varを設定する方法?

javascript - IE 7のOnclickイベントの問題

javascript - jQueryサイクルプラグインforループ

javascript - アクションスクリプトを使用してIEでWebカメラをオフにする方法

javascript - jqueryのパフォーマンスが遅い

javascript - 非同期リソースの読み込みが完了すると、どのJavascriptイベントが発生しますか?

javascript - XULでメニュー項目を動的に追加および選択する

javascript - バイナリファイルをクライアントのjquery .postに保存する方法