0

初めてjqueryデータテーブルを使用しているので、このようなテーブルを作成しましたクリックして画像を表示

すべてが完璧に機能します。今、これを以下のJavaScriptコードを使用しています

    $(document).ready(function() {
        $('#example').dataTable( 
        {
            "pageLength": 50,
            'sDom': 'l' ,
        } );
        $('#example tfoot th').each( function () 
        {
            var title = $('#example thead th').eq( $(this).index() ).text();
            $(this).html( '<input type="text" style="width:100%;" id="munna_'+title+'" placeholder="Search '+title+'" />' );
        });


        var table = $('#example').DataTable();
        table.columns().every( function () 
         {
        var that = this;
        $( 'input', this.footer() ).on( 'keyup change', function () {
        that
        .search( this.value )
        .draw();
        });
        });


$('#munna_button').click( function()
   {
         var data = table.$('input, select').serialize();
        alert(JSON.stringify(data))
        return false;
    });
});

このコードは、rate_14=67&rate_15=87&rate_67=88 などで次のような値を返します。

これをSUBMITに保存する方法がわかりません。通常、送信時に $_POST['name'] が表示されますが、誰か助けてください。

4

2 に答える 2

1

シリアル化されたデータを、フォームに追加された隠し変数に格納できます。Javaスクリプトでは、このようなものを使用して非表示フィールドに値を保存します

$('#serialize_data').val(JSON.stringify(data));

フォームが送信されると、値が

$_POST['serialize_data']

フォームを送信したくない場合は、ajax を使用して .php スクリプトにデータを送信できます。

于 2015-04-27T09:26:22.833 に答える
1

ajax を使用して情報を送信するだけです。

$('#munna_button').click( function(){
      var data = table.$('input, select').serialize();
      $.post('url_link_here', data, function(returnData){
        //success -- do stuff with returnData if there is any

      }).fail(function(){
        //failed

      });
 });
于 2015-04-27T09:23:24.480 に答える