如何获取Ajax成功函数接收的数据

阿杰马尔·侯赛因

在我的程序中，我使用ajax在另一页中执行PHP代码...并且我正在接收由另一页执行的数据，而这正是ajax的URL，但是我不知道如何从ajax中的接收数据中访问数据。 ...代码如下

阿贾克斯代码

<script>
    $(document).ready(function(){

        $('#search_text').keyup(function(){
            var txt = $(this).val();
            if(txt!=''){
                $.ajax({
                    url:"fetch.php",
                    method:"POST",
                    data:{search:txt},
                    datatype:"text",
                    success:function(data){
                        $('#result').html(data);
                    }
                });
            }
            else{
                $('#result').html('');
            }
        });
    });
</script>

fetch.php上的php代码

<?php
    $connect = mysqli_connect("localhost","root","","ajmal");
    $output = '';

    $sql = "SELECT 
    medicinName,pricerPerSheet,dealerID,availAbleAt,district,place FROM 
    medicinalinfo WHERE medicinName LIKE '%".$_POST["search"]."%'";
    $result = mysqli_query($connect,$sql);

    if(mysqli_num_rows($result) > 0)
    {


        $output .= '<h4 align="center" class="h4_search">Search 
        Result</h4>';
        $output .= '<div class="row">';
        $output .= '<div class="col-md-8 col-md-offset-3 well">';
        $output .= '<div class="table-responsive">
                    <table id="getval" id="tbl" class="table table-bordered 
                    table-striped table-hover">
                    <tr>
                        <th>Medicin Name</th>
                        <th>Price Per Sheet</th>
                        <th>Availble At</th>
                        <th>District</th>
                        <th>Area</th>
                    </tr>';
        $output .= '</div>';
        $output .= '</div>';
        $output .= '</div>';
        while ($row = mysqli_fetch_array($result)) {
            $output .= '
                <tbody>
                    <tr>
                        <td>'.$row['medicinName'].'</td>
                        <td>'.$row['pricerPerSheet'].'</td>
                        <td>'.$row['availAbleAt'].'</td>
                        <td>'.$row['district'].'</td>
                        <td>'.$row['place'].'</td>
                   </tr>
                </tbody>
            ';
       }
       $output.='</table>';

       $output.='<script src="//code.jquery.com/jquery-1.11.3.min.js"> 
       </script>';
       $output.='<script>

            var table = document.getElementById(\'getval\');

            for(var i=0; i<table.rows.length; i++){
                table.rows[i].onclick = function(){
                    alert(this.cells[0].innerHTML);
                    alert(this.cells[1].innerHTML);
                    alert(this.cells[2].innerHTML);
                    alert(this.cells[3].innerHTML);
                };
            }

        </script>
        ';
        echo $output;
      }
    else
    {
        echo '<h4 align="center" class="h4_search">Data Not Found</h4>';
    }
?>

现在我想用ajax代码的成功函数从接收到的数据中访问特定数据....说该数据正在接收一个表，并且我想获取表中所选行的任何单元格的值。我想要的数据...

我所要做的就是用Ajax代码而不是ftch.php中的代码

生死

1.请从以下部分中删除fetch.php：-

$output.='<script src="//code.jquery.com/jquery-1.11.3.min.js"> 
       </script>';
       $output.='<script>

            var table = document.getElementById(\'getval\');

            for(var i=0; i<table.rows.length; i++){
                table.rows[i].onclick = function(){
                    alert(this.cells[0].innerHTML);
                    alert(this.cells[1].innerHTML);
                    alert(this.cells[2].innerHTML);
                    alert(this.cells[3].innerHTML);
                };
            }

        </script>
        ';

2.在具有ajax代码的页面中，在以下给定的代码中添加以下代码：-

$('#result').on('click','table tr',function(){
  var obj = $(this);
  var html = '';   
  obj.find('td').each(function(){
     html += $(this).html() +',';
  });
  alert($.trim(html));
});

将值分配给单独的变量：-

$('#result').on('click','table tr',function(){
  var obj = $(this);
  var cell1_val =  obj.find('td').eq(0).html();
  var cell2_val =  obj.find('td').eq(1).html();
  var cell3_val =  obj.find('td').eq(2).html();
  var cell4_val =  obj.find('td').eq(3).html();
});

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。