0

これがjQueryでできるかどうか疑問に思っていました。次のコードを参照してください。

HTML

<table id="order">
    <tr>
        <td class="order_items"></td>
        <td class="order_items"></td>
        <td class="order_items"></td>
        <td class="order_items"></td>
        <td class="order_items"></td>
        <td class="order_items"></td>
    </tr>
    <tr>
        <td class="order_items"></td>
        <td class="order_items"></td>
        <td class="order_items"></td>
        <td class="order_items"></td>
        <td class="order_items"></td>
        <td class="order_items"></td>
    </tr>
    <tr>
        <td class="order_items"></td>
        <td class="order_items"></td>
        <td class="order_items"></td>
        <td class="order_items"></td>
        <td class="order_items"></td>
        <td class="order_items"></td>
    </tr>
</table>

JavaScript

$(document).ready(function(){
    $("td.load_ads").each(function(){
        $(this).html("Place a New Ad Free!");
    });
    var count=$("td.load_ads").length;  //18
    $.post('/fetch_orders.php',{count:count},function(data){
        var data_arr=data.split('/end');
        for(index=0;index < data_arr.length;index++){  //for each of the array values got back from fetch orders.php
            .
            ..
            ... Stuck here. How to make each data_arr(ie: each data_arr[index]) go into each td?

.POST スクリプト

$count =$_POST['count'];
$query="SELECT * FROM orders1_manager_orders ORDER BY RAND() LIMIT $count";
$db->setQuery($query);
$ads=$db->loadRowList();

foreach($ads as $ads_to_display){
    echo $orders_to_display[9].'/';
    echo $orders_to_display[10].'/end';
}

tdタイトルで説明したように、上記の html テーブルの各空のスロットに注文を入れる必要があります。しかし、.each()関数を.postの後に置くと、すべての tds がスクリプトから取得した最初のデータに変わりますdata_arr[1]。

4

2 に答える 2

1

まず、http: //php.net/manual/en/function.json-encode.phpをご覧ください。

http://www.islandsmooth.com/2010/04/send-and-receive-json-data-using-ajax-jquery-and-php/

2 番目: div 挿入テーブルを使用すると、クライアント デバイスの画面サイズに依存しなくなります。

http://csswizardry.com/2011/08/building-better-grid-systems/

第三に、これは絶対に恐ろしいコードですが、あなたの解決策になるはずです:

$("td.load_ads").each(function(){
    $(this).html("Place a New Ad Free!");
});
var count=$("td.load_ads").length;  //18
$.post('/fetch_orders.php',{count:count},function(data){
    var data_arr = [];

    var rows=data.split('/end');
    for(index=0;index < rows.length;index++){  
        var row = rows[i].split('/');

        for (var x in row) {
            data_arr.push(row[x]);
        }
    }

    var i = 0;
    $("td.load_ads").each(function () {
        if (data_arr[i]) {
            $(this).html(data_arr[i]);
        }

        i++;
    });
}
于 2013-01-05T06:12:28.393 に答える
0 
  $query = Sql_Query("SELECT * FROM  Table");
  $num_rows = mysql_num_rows($query);              
    for($i=0; $i < $num_rows; $i=$i+5)
     {

        $query1 = Sql_Query("SELECT * FROM  Table LIMIT ".$i.", 5 ");
                print '<td valign="top">';
               while ($row=mysql_fetch_assoc($query1))
                  {
                  print '<input type="checkbox" name="chk_group1[]" id="chk_group1" value="'.$row['isp_name'].'" />    '.$row['isp_name'].'<br />';

                     } 
                       print '</td>';

     }
于 2013-03-29T10:42:49.007 に答える