2017-12-02 2 views
0

私はTYPO3の初心者ですが、非常に複雑ですが、私は自分のやり方を苦労しています。TYPO3で内部データベース/テーブルの内容を取得し、JavaScript、JQuery、AJAXで表示する方法

私が作成した内部TYPO3データベーステーブルからコンテンツを取得してJavaScript/JQuery/AJAXに転送する簡単な方法が必要です。

私のBootstrapTableは動作していますが、var dataの静的コンテンツを表示するだけです。

pageType、eID、$GLOBALS['TYPO3_DB']->exec_SELECTgetRows(/* ... */);からデータベーステーブルの内容を取得する方法はありますが、それをJavaScriptに転送して表示する方法は知っていますか?

内部データベースに接続するだけで、資格情報を持つ別のデータベース呼び出しがあってはいけません。

2日後からこの回答を検索しましたが、簡単で説得力のある回答は見つかりませんでした。 eIDやpageTypeを使って長い道のりを進む必要がありますか?コメントによる

編集:ここでは

がbootstrapTableと私はJavaScriptである:

$(function() { 
    $('#table').bootstrapTable({ 
     idField: 'name', 
     pagination: true, 
     search: true, 
     data: data, 
     columns: [{ 
      field: 'name', 
      title: 'Name' 
     }, { 
      field: 'stargazers_count', 
      title: 'Stars' 
     }, { 
      field: 'forks_count', 
      title: 'Forks' 
     }, { 
      field: 'description', 
      title: 'Description' 
     }], 
     onPostBody: function() { 
      $('#table').editableTableWidget({editor: $('<textarea>')}); 
     } 
    }); 
}); 

var data = [{ 
     "name": "bootstrap-table", 
     "stargazers_count": "526", 
     "forks_count": "122", 
     "description": "An extended Bootstrap table with radio, checkbox, sort, pagination, and other added features. (supports twitter bootstrap v2 and v3) " 
    }, { 
     "name": "multiple-select", 
     "stargazers_count": "288", 
     "forks_count": "150", 
     "description": "A jQuery plugin to select multiple elements with checkboxes :)" 
    }, { 
     "name": "bootstrap-show-password", 
     "stargazers_count": "32", 
     "forks_count": "11", 
     "description": "Show/hide password plugin for twitter bootstrap." 
    }, { 
     "name": "blog", 
     "stargazers_count": "13", 
     "forks_count": "4", 
     "description": "my blog" 
    }, { 
     "name": "scutech-redmine", 
     "stargazers_count": "6", 
     "forks_count": "3", 
     "description": "Redmine notification tools for chrome extension." 
    } 
]; 

そして、と私のhtmlでそれを呼び出す:<table id="table"></table> mysqlデータベースの 私自身の作成した表がある:tx_table

私はそのテーブルの内容を自分のブートストラップテーブルに表示したいと考えています

+0

詳細情報が必要です。フロントエンドに入るには2つの方法があります。 htmlでscriptタグに出力します。カスタムルートを使用してajax経由で入手してください。 [vhs:EncodeViewHelper](https://fluidtypo3.org/viewhelpers/vhs/master/Format/Json/EncodeViewHelper.html)を使用して、phpオブジェクトからjsonを作成できます。 –

+0

こんにちはアンドリュー、 私は自分の質問を編集しました。 – verklixt

答えて

0

最初の解決策。

$yourDataArrayFromPHP = array(
    'var1' => 'val1', 
    'var2' => 'val2' 
); 

$this->view->assign('yourDataArrayFromPHP', $yourDataArrayFromPHP); 

HTML::

<script> 
    var data = {v:format.json.encode(value: '{yourDataArrayFromPHP}')} 
</script> 

今、あなたはまた、維持javascriptのdata.var1
でこのデータにアクセスすることができますあなたは<script>タグと​​を使用して直接HTMLに出力あなたの結果をなViewHelper

アクションコードすることができますあなたのデータはbootstrapTable初期化の前になければならないことを覚えておいてください。

関連する問題