为两个单独的DIV标签分配AJAX响应

时间:2015-01-28 10:56:41

标签: php jquery ajax

这是我的ajax呼叫代码..

<script type="text/javascript">
$(document).ready(function(){                   
        $('#itemcode').blur(function(){
                var itemcode = $(this).val();

                $.ajax({
                        type: "POST",
                        url:'ajax.php',
                        data: {'itemcode' : itemcode} ,
                        cache: false,
                        success: function(data) {
                            alert(data)
                        $("#desc").val(data);
                        $("#bal").val(data);
                        }
                    });
            });

    });
 </script>

include "db.php";
$itemcode=$_POST['itemcode'];

$sql="select * from itemmaster where Item_Code='$itemcode'";
$result = mysql_query($sql, $con);
while($row = mysql_fetch_array($result)) {
echo $row['Item_Desc'];
echo $row['Balance_Stock'];
}

这是简单的html表单..

<form action="add.php" method="post">
<table style="border: 1px solid black;padding:20px;"cellspacing="1px">
</br></br>
<tr>
<td>Issue No:</td> <td><input name="issueno" type="text" id="issueno"/></td>
<td>Issue Date:</td> <td><input name="issuedate" type="date" id="issuedate"/></td></tr></br></br><tr></tr>
 <tr>
 <td>Item Code:</td> <td><input name="itemcode" type="text" id="itemcode" /></td>
 <td>Description:</td> <td><input name="des" type="text" style="width:250px; height:23px" id="desc"/></td>
 <td>Bal Quantity:</td> <td><input name="bal" type="text" id="bal"/></td>
 </tr></br>
<tr> <td>Issue Quantity:</td> <td><input name="issuequ" type="text" id="issuequ"/></td></tr></br><tr></tr>
<tr><td>Remark:</td> <td><input name="remark" type="text" style="width:250px; height:23px" id="remark"/></td></tr></br>

<tr><td colspan="6"><center><input type="submit" value="submit"></center></td></tr>
</table>
</form>

当我提醒(数据)时,我得到这个samsung20.00。其中三星是描述,20.00是bal。我想为bal id分配描述desc id bal。那我该怎么办?

3 个答案:

答案 0 :(得分:3)

在你的ajax.php文件中,你需要使用json_encode函数,这样你就可以在得到响应后解析它:

include "db.php";
$itemcode=$_POST['itemcode'];

$sql="select * from itemmaster where Item_Code='$itemcode'";
$result = mysql_query($sql, $con);
while($row = mysql_fetch_array($result)) {
$json = array("Item_Desc" = > $row['Item_Desc'],
              "Balance_Stock" => $row['Balance_Stock']
              );
}
echo json_encode($json);

在进行调整后,您可以对响应进行编码,您的ajax需要解析它。

示例:

<script type="text/javascript">
$(document).ready(function(){                   
    $('#itemcode').blur(function(){
            var itemcode = $(this).val();

            $.ajax({
                    type: "POST",
                    url:'ajax.php',
                    data: {'itemcode' : itemcode} ,
                    cache: false,
                    success: function(data) {
                    var obj = JSON.parse(data);
                    $("#desc").html(obj.Item_Desc);
                    $("#bal").html(obj.Balance_Stock);
                    }
                });
        });

});

非常简单。

希望它可以帮到你

答案 1 :(得分:1)

在你的php文件中加入值Samsung20.00||符号

include "db.php";

$itemcode=$_POST['itemcode'];

$sql="select * from itemmaster where Item_Code='$itemcode'";
$result = mysql_query($sql, $con);
while($row = mysql_fetch_array($result)) {
echo $row['Item_Desc'].'||'.$row['Balance_Stock'];
}

java脚本代码添加var response = data.split('||');功能

<script type="text/javascript">
    $(document).ready(function(){                   
            $('#itemcode').blur(function(){
                    var itemcode = $(this).val();

                    $.ajax({
                            type: "POST",
                            url:'ajax.php',
                            data: {'itemcode' : itemcode} ,
                            cache: false,
                            success: function(data) {
                                alert(data)
                            var response = data.split('||');//spilt the value 
                            $("#desc").val(response[0]);
                            $("#bal").val(response[1]);
                            }
                        });
                });

        });
     </script>

答案 2 :(得分:-1)

<script type="text/javascript">
    $(document).ready(function(){                   
            $('#itemcode').blur(function(){
                    var itemcode = $(this).val();

                    $.ajax({
                            type: "POST",
                            url:'ajax.php',
                            data: {'itemcode' : itemcode} ,
                            cache: false,
                            success: function(data) {
                                alert(data)

                           var str1 = data.replace(/\d.+/g, '');  
                           var str2 = data.replace(/[^\d.-]/g, '');

                            $("#desc").val(str1);
                            $("#bal").val(str2);
                            }
                        });
                });

        });
     </script>