Json data not showing in jquery

Question

Json data not showing in jquery

HTML code:

<select  name="ser" id="ser" class="form-control" onchange="getPrice(this.value);">
<option value="">--Select--</option>
<option value="Value11">Value1</option>
<option value="Value2">Value2</option>
</select>
<input type="text" name="sale" id="saleprice"  class="form-control" />
<input type="text" name="sale" id="saletax"  class="form-control" />
<input type="text" name="sale" id="avalqty"  class="form-control" />

on my Js page:

function getPrice(val)
{
   $.ajax({
     type: 'post',
     url: 'get_sales_price.php',
     data: {
       get_option:val
     },
     success: function (response) {
        var valuesar = response.split("|");
        $('#saleprice').val(valuesar[0]);
        $('#saletax').val(valuesar[1]);
        $('#avalqty').val(valuesar[2]);
     }
   });
}

This is my PHP page data:

$data = array();    
$values=$variable1['value1'].'|'.$variable2['value2'].'|'.$variable3;
array_push($data, $values);
echo json_encode($data);

Value #saleprice: ["61.25 , and value <<24>: 155"] , and value #saletax: 1. #saletaxcorrect. How to get #saleprice: ["61.25 to 61.25 and #avalqty: 155"] to 155

+4

json javascript jquery php

Sambhu Apr 21 '16 at 6:07

source share

4 answers

Arun P Johny · Answer 1 · 2016-04-21T06:16:30+0000

I think you can do to return an object key-valuefrom the server and use it in a success handler. In your case, you are returning an array with one string value

$data = array();    
$data['price'] = $variable1['value1'];
$data['tax'] = $variable2['value2'];
$data['qty'] = $variable3;
echo json_encode($data);

then

function getPrice(val) {
  $.ajax({
    type: 'post',
    url: 'get_sales_price.php',
    data: {
      get_option: val
    },
    dataType: 'json',
    success: function(response) {
        console.log(response)
      $('#saleprice').val(response.price);
      $('#saletax').val(response.tax);
      $('#avalqty').val(response.qty);
    }
  });
}

Mohit Bhardwaj · Answer 2 · 2016-04-21T06:14:41+0000

JSON.parse(response) . , , , , . php-, , json_encode.

, php-

$values=$variable1.'|'.$variable2.'|'.$variable3;
echo $data;

ajax, .

madalinivascu · Answer 3 · 2016-04-21T06:28:54+0000

Change

var valuesar = response.split("|"); to

 var valuesar = response[0].split("|");

ram singh · Answer 4 · 2016-04-21T06:54:22+0000

Hey you can use your code as follows

<?php
$data = array();    
$values='6.15'.'|'.'52.22'.'|'.'55.25';
array_push($data, $values);

$rr=json_encode($data);


$ltrim = ltrim($rr, '["');
$rtrim = rtrim($ltrim, '"]');


// echo $rtrim;



?>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script type="text/javascript">

jQuery(document).ready(function() {


var response='<?php echo  $rtrim ?>';
console.log(response);

var valuesar  = response.split("|");


$('#saleprice').val(valuesar[0]);
$('#saletax').val(valuesar[1]);
$('#avalqty').val(valuesar[2]);

 console.log(valuesar[0]);

 });

 </script>
 <!DOCTYPE html>
 <html>
 <body>

<form>
<input type="text" name="saleprice" id="saleprice" >
<input type="text" name="saletax" id="saletax" >
<input type="text" name="avalqty" id="avalqty" >
</form> 

</body>
</html>

Json data not showing in jquery

More articles: