Ongkir dan harga produk

kalo ane liat respon data dari ajax, berupa json. tangkap aja data cost * total barang

menangkap cost yang ada di cek_ongkir.php sih bisa, tapi menangkap cost dari ajax gimana?

isi "data" dari respon ajax gmn gan? coba ss

index.php : <pre> &lt;!DOCTYPE html&gt; &lt;html lang="en" dir="ltr"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;Raja ongkir&lt;/title&gt; &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"&gt;&lt;/script&gt; &lt;link rel="stylesheet" href="assets/css/bootstrap.min.css"&gt; &lt;!-- &lt;link rel="stylesheet" href="assets/css/bootstrap.css"&gt; --&gt; &lt;/head&gt; &lt;body&gt; &lt;br&gt; &lt;div class="container"&gt; &lt;img src="assets/images/logo.png" alt="logo"&gt; &lt;br&gt;&lt;br&gt;&lt;br&gt; &lt;div class="row"&gt; &lt;div class="col-md-4"&gt; &lt;div class="panel panel-success"&gt; &lt;div class="panel-heading"&gt; &lt;h3 class="panel-title"&gt;Cek Ongkos Kirim&lt;/h3&gt; &lt;/div&gt; &lt;div class="panel-body"&gt; &lt;div&gt; &lt;?php //Get Data Kabupaten $curl = curl_init(); curl_setopt_array($curl, array( CURLOPT_URL =&gt; "http://api.rajaongkir.com/starter/city", CURLOPT_RETURNTRANSFER =&gt; true, CURLOPT_ENCODING =&gt; "", CURLOPT_MAXREDIRS =&gt; 10, CURLOPT_TIMEOUT =&gt; 30, CURLOPT_HTTP_VERSION =&gt; CURL_HTTP_VERSION_1_1, CURLOPT_CUSTOMREQUEST =&gt; "GET", CURLOPT_HTTPHEADER =&gt; array( "key:API Key Mu Disini" ), ));

								$response = curl_exec($curl);
								$err = curl_error($curl);

								curl_close($curl);
								echo "
								<div class= \"form-group\">
								<label for=\"asal\">Kota/Kabupaten Asal </label>
								<select class=\"form-control\" name='asal' id='asal'>";
								echo "<option>Pilih Kota Asal</option>";
								$data = json_decode($response, true);
								for ($i=0; $i < count($data['rajaongkir']['results']); $i++) {
									echo "<option value='".$data['rajaongkir']['results'][$i]['city_id']."'>".$data['rajaongkir']['results'][$i]['city_name']."</option>";
								}
								echo "</select>
								</div>";
								//Get Data Kabupaten
								//-----------------------------------------------------------------------------

								//Get Data Provinsi
								$curl = curl_init();

								curl_setopt_array($curl, array(
									CURLOPT_URL => "http://api.rajaongkir.com/starter/province",
									CURLOPT_RETURNTRANSFER => true,
									CURLOPT_ENCODING => "",
									CURLOPT_MAXREDIRS => 10,
									CURLOPT_TIMEOUT => 30,
									CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
									CURLOPT_CUSTOMREQUEST => "GET",
									CURLOPT_HTTPHEADER => array(
									"key:API Key Mu Disini"
									),
									));

									$response = curl_exec($curl);
									$err = curl_error($curl);

									echo "
									<div class= \"form-group\">
										<label for=\"provinsi\">Provinsi Tujuan </label>
										<select class=\"form-control\" name='provinsi' id='provinsi'>";
											echo "<option>Pilih Provinsi Tujuan</option>";
											$data = json_decode($response, true);
											for ($i=0; $i < count($data['rajaongkir']['results']); $i++) {
												echo "<option value='".$data['rajaongkir']['results'][$i]['province_id']."'>".$data['rajaongkir']['results'][$i]['province']."</option>";
											}
											echo "</select>
										</div>";
										//Get Data Provinsi
										?>

										<div class="form-group">
											<label for="kabupaten">Kota/Kabupaten Tujuan</label><br>
											<select class="form-control" id="kabupaten" name="kabupaten"></select>
										</div>
										<div class="form-group">
											<label for="kurir">Kurir</label><br>
											<select class="form-control" id="kurir" name="kurir">
												<option value="jne">JNE</option>
												<option value="tiki">TIKI</option>
												<option value="pos">POS INDONESIA</option>
											</select>
										</div>
										<div class="form-group">
											<label for="berat">Berat (gram)</label><br>
											<input class="form-control" id="berat" type="text" name="berat" value="500" />
										</div>
										<button class="btn btn-success" id="cek" type="submit" name="button">Cek Ongkir</button>
									</div>
							</div>
						</div>
					</div>
					<div class="col-md-8">
						<div class="panel panel-success">
							<div class="panel-heading">
								<h3 class="panel-title">Hasil</h3>
							</div>
							<div class="panel-body">
								<ol>
									<div id="ongkir"></div>
								</div>
							</ol>
						</div>
					</div>
		</div>
		<footer>
			<div class="row">
				<div class="col-md-4">
					<p class="text-center">Copyright © 2018 Rajaongkir</p>
				</div>
			</div>

		</footer>
		</div>
	</div>
</body>

&lt;/html&gt; &lt;script type="text/javascript"&gt;

$(document).ready(function(){
	$('#provinsi').change(function(){

		//Mengambil value dari option select provinsi kemudian parameternya dikirim menggunakan ajax
		var prov = $('#provinsi').val();

  		$.ajax({
        	type : 'GET',
       		url : 'http://localhost/royproweb/cek_kabupaten.php',
        	data :  'prov_id=' + prov,
				success: function (data) {

				//jika data berhasil didapatkan, tampilkan ke dalam option select kabupaten
				$("#kabupaten").html(data);
			}
      	});
	});

	$("#cek").click(function(){
		//Mengambil value dari option select provinsi asal, kabupaten, kurir, berat kemudian parameternya dikirim menggunakan ajax
		var asal = $('#asal').val();
		var kab = $('#kabupaten').val();
		var kurir = $('#kurir').val();
		var berat = $('#berat').val();

  		$.ajax({
        	type : 'POST',
       		url : 'http://localhost/royproweb/cek_ongkir.php',
        	data :  {'kab_id' : kab, 'kurir' : kurir, 'asal' : asal, 'berat' : berat},
				success: function (data) {

				//jika data berhasil didapatkan, tampilkan ke dalam element div ongkir
				$("#ongkir").html(data);
			}
      	});
	});
});

&lt;/script&gt; </pre>

cek_kabupaten.php :

<pre>&lt;?php

$provinsi_id = $_GET['prov_id'];

$curl = curl_init(); curl_setopt_array($curl, array( CURLOPT_URL =&gt; "http://api.rajaongkir.com/starter/city?province=$provinsi_id", CURLOPT_RETURNTRANSFER =&gt; true, CURLOPT_ENCODING =&gt; "", CURLOPT_MAXREDIRS =&gt; 10, CURLOPT_TIMEOUT =&gt; 30, CURLOPT_HTTP_VERSION =&gt; CURL_HTTP_VERSION_1_1, CURLOPT_CUSTOMREQUEST =&gt; "GET", CURLOPT_HTTPHEADER =&gt; array( "key:API Key Mu Disini" ), ));

$response = curl_exec($curl); $err = curl_error($curl);

curl_close($curl);

if ($err) { echo "cURL Error #:" . $err; } else { //echo $response; }

$data = json_decode($response, true); for ($i=0; $i &lt; count($data['rajaongkir']['results']); $i++) { echo "&lt;option value='".$data['rajaongkir']['results'][$i]['city_id']."'&gt;".$data['rajaongkir']['results'][$i]['city_name']."&lt;/option&gt;"; }

?&gt; </pre>

cek_ongkir.php : <pre>&lt;?php $asal = $_POST['asal']; $id_kabupaten = $_POST['kab_id']; $kurir = $_POST['kurir']; $berat = $_POST['berat'];

$curl = curl_init();
curl_setopt_array($curl, array(
  CURLOPT_URL => "http://api.rajaongkir.com/starter/cost",
  CURLOPT_RETURNTRANSFER => true,
  CURLOPT_ENCODING => "",
  CURLOPT_MAXREDIRS => 10,
  CURLOPT_TIMEOUT => 30,
  CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
  CURLOPT_CUSTOMREQUEST => "POST",
  CURLOPT_POSTFIELDS => "origin=".$asal."&destination=".$id_kabupaten."&weight=".$berat."&courier=".$kurir."",
  CURLOPT_HTTPHEADER => array(
    "content-type: application/x-www-form-urlencoded",
    "key:API Key Mu Disini"
  ),
));
$response = curl_exec($curl);
$err = curl_error($curl);
curl_close($curl);
if ($err) {
  echo "cURL Error #:" . $err;
} else {
  $data = json_decode($response, true);
}
?>
<?php echo $data['rajaongkir']['origin_details']['city_name'];?> ke <?php echo $data['rajaongkir']['destination_details']['city_name'];?> @<?php echo $berat;?>gram Kurir : <?php echo strtoupper($kurir); ?>
<?php
 for ($k=0; $k < count($data['rajaongkir']['results']); $k++) {
?>
	 <div title="<?php echo strtoupper($data['rajaongkir']['results'][$k]['name']);?>" style="padding:10px">
		 <table class="table table-striped">
			 <tr>
				 <th>No.</th>
				 <th>Jenis Layanan</th>
				 <th>ETD</th>
				 <th>Tarif</th>
			 </tr>
			 <?php
			 for ($l=0; $l < count($data['rajaongkir']['results'][$k]['costs']); $l++) {
			 ?>
			 <tr>
				 <td><?php echo $l+1;?></td>
				 <td>
					 <div style="font:bold 16px Arial"><?php echo $data['rajaongkir']['results'][$k]['costs'][$l]['service'];?></div>
					 <div style="font:normal 11px Arial"><?php echo $data['rajaongkir']['results'][$k]['costs'][$l]['description'];?></div>
				 </td>
				 <td align="center"> <?php echo $data['rajaongkir']['results'][$k]['costs'][$l]['cost'][0]['etd'];?> days</td>
				 <td align="right"><?php echo number_format($data['rajaongkir']['results'][$k]['costs'][$l]['cost'][0]['value']);?></td>
			 </tr>
			 <?php
			 }
			 ?>
		 </table>
	 </div>
 <?php
 }
 ?>

</pre>