Postingan lainnya
Bertanya soal Ajax
Saya msh belajar ajax, saya ingin tanya script, script dibawah ini akan nampilin ongkos kirim sesuai kotanya, kalau nampilin ongkos kirim sesuai kota dan berat barang kira2 scriptnya jd gmna yah? (lebih dari 1 parameter)
function ongkoskirim(kota)
{
$.ajax({
url: 'get_ongkos_kirim.php',
data : 'kota='+kota,
type: "post",
dataType: "html",
timeout: 10000,
success: function(response){
$('#ongkoskirim').html(response);
}
});
0
3 Jawaban:
Awal mulanya dulu mas ini apa, darimana, buat apa, itu get_ongkos_kirim.php isinya apa.
0
Kalo bener get_ongkos_kirim.php nyimpen informasi ongkir. Lempar dulu satuan berat nya ke file itu. Bisa dari inputan user. Jadi kita lempar informasi ke file. File ngolah and ngasih outputnya.
0
@rendyfebry gini mas jadinya, pas setelah diklik kota tujuan muncul ongkos kirimnya di text ongkos kirim tapi msh g muncul script saya seperti ini
<link rel="stylesheet" type="text/css" href="css/normalize.css">
<link rel="stylesheet" type="text/css" href="css/skeleton.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script>
function get_city(province)
{
$.ajax({
url: 'get_city.php',
data : 'province='+province,
type: "post",
dataType: "html",
timeout: 10000,
success: function(response){
$('#origin').html(response);
}
});
}
function get_city2(province2)
{
$.ajax({
url: 'get_city.php',
data : 'province='+province2,
type: "post",
dataType: "html",
timeout: 10000,
success: function(response){
$('#destination').html(response);
}
});
}
var origin = $('#origin]').val();
var destination = $('#destination').val();
var weight = $('#weight').val();
var courier = $('#courier').val();
function get_cost(origin,destination,weight,courier)
{
$.ajax({
url: 'get_cost.php',
data : 'origin='+origin + 'destination'+destination + 'weight'+weight + 'courier'+courier,
type: "post",
dataType: "html",
timeout: 10000,
success: function(response){
$('#cost').html(response);
}
});
}
</script>
<div align="center">
<div class="form-group">
<label class="col-sm-4 control-label no-padding-right" for="form-field-first">Provinsi Asal</label>
<div class="col-sm-8">
<div style="max-width: 308px;">
<select name="province" class="form-control col-xs-12 col-sm-10" id="province" onchange="get_city(this.value);">
<option value="">Pilih Provinsi</option>
<?php include "get_province.php"; ?>
</select>
</div>
</div>
</div>
<div class="space-4"></div>
<div class="form-group">
<label class="col-sm-4 control-label no-padding-right" for="form-field-first">Kota Asal</label>
<div class="col-sm-8">
<div style="max-width: 308px;">
<select name="origin" class="form-control col-xs-12 col-sm-10" id="origin">
<option value="">Pilih Kota</option>
</select>
</div>
</div>
</div>
<div class="space-4"></div>
<div class="form-group">
<label class="col-sm-4 control-label no-padding-right" for="form-field-first">Berat</label>
<div class="col-sm-8">
<div style="max-width: 308px;">
<input type="number" name="weight" id="weight" class="form-control"/>
</div>
</div>
</div>
<div class="space-4"></div>
<div class="form-group">
<label class="col-sm-4 control-label no-padding-right" for="form-field-first">Kurir</label>
<div class="col-sm-8">
<div style="max-width: 308px;">
<select name="courier" class="form-control col-xs-12 col-sm-10" id="courier">
<option value="">Pilih Kurir</option>
<option value="OKE">JNE OKE</option>
<option value="REG">JNE REG</option>
<option value="YES">JNE YES</option>
<option value="SPS">JNE SPS</option>
</select>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label no-padding-right" for="form-field-first">Provinsi Tujuan</label>
<div class="col-sm-8">
<div style="max-width: 308px;">
<select name="province2" class="form-control col-xs-12 col-sm-10" id="province2" onchange="get_city2(this.value);">
<option value="">Pilih Provinsi</option>
<?php include "get_province.php"; ?>
</select>
</div>
</div>
</div>
<div class="space-4"></div>
<div class="form-group">
<label class="col-sm-4 control-label no-padding-right" for="form-field-first">Kota Tujuan</label>
<div class="col-sm-8">
<div style="max-width: 308px;">
<select name="destination" class="form-control col-xs-12 col-sm-10" id="destination" onchange="get_cost(this.value);">
<option value="">Pilih Kota</option>
</select>
</div>
</div>
</div>
<div class="space-4"></div>
<div class="form-group">
<label class="col-sm-4 control-label no-padding-right" for="form-field-first">Ongkos Kirim</label>
<div class="col-sm-8">
<div style="max-width: 308px;">
<input type="text" name="cost" id="cost" class="form-control"/>
</div>
</div>
</div>
</div>
@Saputroandhi kalau prosesnya gtu jd terlalu banyak mas pengennya langsung apa ada saran?
0