Jquery Ajax值获取

时间:2017-07-03 11:51:58

标签: php jquery ajax

我想通过PHP中的jquery Ajax获取值。但是当我在下面运行时,这个代码值被正确获取但是在获取时所有值都连接在一起并且一起值打印所有字段,但是我想在单独的字段中打印单独的值。我的代码如下,请解决此问题

的index.php

<!DOCTYPE html> 
<html>
<head>
<title>Untitled Document</title>
</head>
<body>
<select name="Pro" onChange="my_validate_func()" id="pro_serv">
<option value=""></option>
<option value="" ><font size="-1">Add New Product</font></option>
<option value="Development"><font size="-1">Development</font></option>
<option value="Maintance"><font size="-1">Maintance</font></option>
</select>
<br />
<input type="text" name="desc" id="desc" value="" />
<br />
<input type="text" name="unitprice" id="unitprice" value="" />
<br /><input type="text" name="discount" />
<script type="text/javascript" src="bootstrap/jquery1.8.3jquery.min.js">
</script>
<script>
$( document ).ready(function() {});
function my_validate_func() {
var pro_serv = $('#pro_serv').val();

    if ($('#pro_serv').val() != "" ) {
        $.ajax({
            type: "POST",
            url: 'check.php',
            data: { pro_serv: pro_serv},
            success: function(response) {
                $('#desc').val(response);
                $('#unitprice').val(response);
                $('#tax').val(response);

            }

        });
    }
    }
</script>
</body>
</html>

check.php

<?php
include('database/db.php');
$type=$_POST['pro_serv'];
$sql="Select * from product_service_details where type='$type'";
$result=mysql_query($sql);
if($dtset=mysql_fetch_array($result))
{
    $desc=$dtset['desc'];
    $unitprice=$dtset['unitprice'];
    $tax=$dtset['tax'];
        echo $desc;
        echo $unitprice;
        echo $tax;
}


?>

3 个答案:

答案 0 :(得分:3)

你需要在php和jquery中使用json_encode,你需要像下面那样解析响应:

PHP:

<?php
include('database/db.php');
$type=$_POST['pro_serv'];
$sql="Select * from product_service_details where type='$type'";
$result=mysql_query($sql);
if($dtset=mysql_fetch_array($result))
{
    echo json_encode($dtset);
}

JQuery的:

        $.ajax({
            type: "POST",
            url: 'check.php',
            data: { pro_serv: pro_serv},
            success: function(response) {
            var res = $.parseJSON(response);
                $('#desc').val(res.desc);
                $('#unitprice').val(res.unitprice );
                $('#tax').val(res.tax );

            }

        });

答案 1 :(得分:0)

您可以将分隔符用于单独的值,然后使用JS split函数。

 echo $desc ."-" . $unitprice ."-" .$tax;

在Js

var arr = response.split('-');
$('#desc').val(arr[0]);
$('#unitprice').val(arr[1]);
$('#tax').val(arr[2]);

答案 2 :(得分:0)

在check.php中

*echo $tax;*应为echo json_encode('tax'=>$tax);

并在index.php中

$('#tax').val(response); 可以是$('#tax').val(response.tax);