单击按钮时使用ajax对数据库的未定义值

Question

嗨，我有表，我正在执行内联编辑，我试图通过单击按钮（即：img）将值更新到数据库，我尝试了onclick函数，但它的编辑值显示
“ value=undefined&rowid=undefined&field=undefined" ，

下面是我的代码。可以有人指导我怎么做。谢谢

我的阿贾克斯

$(document).ready(function () {

    $('td.edit').click(function (e) {

            var $target = $(e.target);
            if ($target.is('#editbox')) {
                return;
            }
            $('.ajax').html($('.ajax input').val());
            $('.ajax').removeClass('ajax');

            $(this).addClass('ajax');
            $(this).html('<input id="editbox"  size="5" type="text" value="' + $(this).text() + '">');

            $('#editbox').select();
        }

    );

    $('td.edit1 img').on('click', function () {
        arr = $(this).parent().attr('class').split(' ');
        $.ajax({
            type: "POST",
            url: "clientnetworkpricelist/update.php",
            data: "value=" + $('.ajax input').val() + "&rowid=" + arr[1] + "&field=" + arr[2],
            success: function (data) {
                $('.ajax').html($('.ajax input').val());
                $('.ajax').removeClass('ajax');
            }
        });
    });

    $('#editbox').live('blur', function () {

        $('.ajax').html($('.ajax input').val());
        $('.ajax').removeClass('ajax');
    });

});

我的HTML

<?php
$dbHost = 'localhost'; // usually localhost
$dbUsername = 'fms';
$dbPassword = 'xxxxxxxx';
$dbDatabase = 'fms';
$db = mysql_connect($dbHost, $dbUsername, $dbPassword) or die ("Unable to connect to Database Server.");
mysql_select_db ($dbDatabase, $db) or die ("Could not select database.");


$clientid=$_GET['clientid'];
$region=$_GET['region'];
$clientid_query="";
$region_query="";

if($clientid!=""){
$clientid_query="WHERE clientid = '$clientid'";}
else{
    if($region!=""){
$region_query="WHERE region = '$region'";}
else{
    $region_query="";
        }    
}


$sql="SELECT * FROM clientnetworkprice"." ".$clientid_query or $region_query ;
$result=mysql_query($sql);

while($rows=mysql_fetch_array($result))
{    
if($alt == 1)
        {   echo '<tr class="alt">';
           $alt = 0;
        }
        else
        {
           echo '<tr>';
           $alt = 1;
        }

echo '  <td  class=" '.$rows["id"].'">'.$rows["clientid"].'</td>
         <td id="CPH_GridView1_clientid" class=" '.$rows["id"].'">'.$rows["region"].'</td>  
        <td id="CPH_GridView1_country" class=" '.$rows["id"].'">'.$rows["country"].'</td>
        <td id="CPH_GridView1_networkname" class=" '.$rows["id"].'">'.$rows["networkname"].'</td>
        <td id="CPH_GridView1_mcc" input type="text" name="mcc" id="mcc" class=" '.$rows["id"].'">'.$rows["mcc"].'</td>  
        <td id="CPH_GridView1_mnc" input type="text" name="mnc" id="mnc" class="'.$rows["id"].'">'.$rows["mnc"].'</td>
        <td id="CPH_GridView1_mnp" class="edit mnp '.$rows["id"].'">'.$rows["mnp"].'</td>';


$ColumnNames = mysql_query("SELECT column_name FROM information_schema.COLUMNS WHERE table_name = 'clientnetworkprice' AND column_name NOT
IN ('id','clientid','region', 'country', 'networkname', 'mcc', 'mnc', 'mnp','clientprice','supplierroute'
)") or die("mysql error"); 
$columnArray=array();
$i=0;
while($rows1=mysql_fetch_array($ColumnNames))
{
$columnArray[]=$rows1[0];

echo '<td  id="CPH_GridView1_xxx" width="0px;" class="edit '.$columnArray[$i].' '.$rows["id"].'">'.$rows[$columnArray[$i]].'</td>';   

$i++;
}    
 echo ' <td id="CPH_GridView1_clientprice" class="edit clientprice '.$rows["id"].'">'.$rows["clientprice"].'</td>
        <td id="CPH_GridView1_supplierroute" class="edit supplierroute '.$rows["id"].'">'.$rows["supplierroute"].'
                                </td>

        <td class="edit1"><img  src="/image/Picture1.png" style="margin:0 0 0 6px;;cursor:pointer" ></td>'
        ;

echo '</tr>';

}

?>

Answer 1

首先 ..

你拥有的是这个

  <td id="CPH_GridView1_clientid" class=" '.$rows["id"].'">'.$rows["region"].'</td>  

你错过>为<td>

 <td id="CPH_GridView1_mcc"><input type="text" name="mcc" id="mcc" class=" '.$rows["id"].'">'.$rows["mcc"].'</td>    
                      ----^^^--- here

其次，由于选择器$(this).parent().attr('class')

$('td.edit1 img').on('click', function () {
    arr = $(this).parent().attr('class').split(' ');
    ....

选择td.edit1元素本身，该元素除了edit1之外没有其他任何类，因此arr[1]和arr[2]未定义。 我认为您的意思是arr[0] （第一个将为您提供edit1的元素），而.ajax input在文档中找不到位置。

Answer 2

在您的html中，“ class”中的“ edit”和number（1）之间有一个空格，但是在您的jquery选择器中，您没有在其之间放置任何空格，因此它什么也找不到。 谢谢。