简体   繁体   English

我想在Laravel中获取json

[英]I want to get json in laravel

i want to get json from URL 我想从URL获取json

i try to get json from this URL, but i can't get value from datepicker. 我尝试从此URL获取json,但是我无法从datepicker获取值。 Because i want to use that value to get JSON from URL. 因为我想使用该值从URL获取JSON。

this URL if i open in browser : 如果我在浏览器中打开此URL:

http://192.168.11.213:8080/jadwaldokter-v04-0.0.1/Jadwal/JadwalDokterDenganTanggalDokter/2019-01-08/dan/17 http://192.168.11.213:8080/jadwaldokter-v04-0.0.1/Jadwal/JadwalDokterDenganTanggalDokter/2019-01-08/dan/17

this is my blade : 这是我的刀片:

//link datepicker
<script src="https://unpkg.com/gijgo@1.9.11/js/gijgo.min.js" type="text/javascript"></script>
<link href="https://unpkg.com/gijgo@1.9.11/css/gijgo.min.css" rel="stylesheet" type="text/css" />

<div>
<input id="datepicker" name="datepicker" class="dynamics" data-            
dependent="jampraktek"
url="{{url('js/jampraktek.js')}}" width="276" />

<script>
$('#datepicker').datepicker({
format : 'yyyy-mm-dd'
}); 
</script>
</div>
<br>
<div>

<select name="jampraktek" id="jampraktek" class="dynamics" style="width:     
250px;">
<option value=""> Jam Praktek </option>
</select>
{{ csrf_field() }}
</div>

this is my route: 这是我的路线:

Route::post('daftarPeriksa/jampraktekterpilih', 
'userController@jampraktekterpilih')- 
>name('usercontroller.jampraktekterpilih');

this is my js file : 这是我的js文件:

$(document).ready(function(){
$('.dynamics').change(function(){
if($(this).val() != '')
{
var input = $(this).attr("datepicker");
var value = $(this).val();

var dependent = $(this).data('dependent');
var _token = $('input[name="_token"]').val();

$.ajax({
url:'/daftarPeriksa/jampraktekterpilih',
method: "POST",
data:{input:input, value:value, _token:_token, dependent:dependent},
success:function(result)
{
$('#'+dependent).html(result);
}
})
}
});

$('#datepicker').change(function(){
$('#jampraktek').val('');
});
});

this is my controller : 这是我的控制器:

function jampraktekterpilih(Request $request){
    $client = new Client();
    $input = $request->get('input');
    $value = $request->get('value');
    $dependent = $request->get('dependent');

    $response = $client->get('http://192.168.11.213:8080/jadwaldokter-v04-0.0.1/Jadwal/JadwalDokterDenganTanggalDokter/'.$value.'/dan/17');
    $res = json_decode($response->getBody()->getContents());

    $output = '<option value="">pilih '.ucfirst($dependent).'</option>';
    error_log('message here.');

    foreach($res as $key=>$node)
    {
        $output .= '<option value="'.$this->hari($node->hariPraktek).'">'.$this->hari($node->hariPraktek).'</option>';
    }

    echo $output;
}

public function hari($hari){
    if($hari == 0){
        return "senin";
    } elseif($hari == 1){
        return "selasa";
    } elseif($hari == 2){
        return "rabu";
    } elseif($hari == 3){
        return "kamis";
    } elseif($hari == 4){
        return "jumat";
    } elseif($hari == 5){
        return "sabtu";
    } elseif($hari == 6){
        return "minggu";
    }
}

not show anything from my code, i dont know, where is the errors i new to use laravel 不显示我的代码中的任何内容,我不知道,新使用laravel的错误在哪里?

I try to get output like : 我尝试获得如下输出:

在此处输入图片说明

very thankyou if somebody want to help me :)) I will +rep ... :)) 非常感谢,如果有人想帮助我:)我会+ rep ... :))

  • first you need to import jQuery 首先,您需要导入jQuery
  • then you need to import datepicker JS 那么您需要导入datepicker JS
  • initialize your datepicker inside Jquery's document.ready() function 在Jquery的document.ready()函数中初始化日期选择器

  • as you are returning text from your controllers function , so you need to use dataType: "text" in your ajax request 当您从Controllers函数返回文本时,因此需要在ajax请求中使用dataType: "text"

your blade file should be like this : 您的刀片文件应如下所示:

<head>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="your_datepicker_js_here"></script>
<script>
$(document).ready(function(){
   $('#datepicker').datepicker({
     format : 'yyyy-mm-dd'
   }); 


 $('.dynamics').change(function () {
    if ($(this).val() != '') {
    var input = $(this).attr("datepicker");
    var value = $(this).val();

    var dependent = $(this).data('dependent');
    var _token = $('input[name="_token"]').val();

    $.ajax({
        url: '/daftarPeriksa/jampraktekterpilih',
        method: "POST",
        dataType: "text"
        data: {
            input: input,
            value: value,
            _token: _token,
            dependent: dependent
        },
        success: function (result) {
            console.log(result);
            $('#' + dependent).html(result);
        },
        error:function(err){
          console.log("Error");
        }
    });
   }
});

});
</script>
</head>

<body>
<div>
<input id="datepicker" name="datepicker" class="dynamics" data-            
dependent="jampraktek" width="276" />
</div>
<br>
<div>
<select name="jampraktek" id="jampraktek" class="dynamics" style="width:     
250px;">
<option value=""> Jam Praktek </option>
</select>
{{ csrf_field() }}
</div>
</body>

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM