Javascript 我想在laravel中获得json_Javascript_Php_Json_Laravel

Javascript 我想在laravel中获得json

javascript php json laravel

Javascript 我想在laravel中获得json,javascript,php,json,laravel,Javascript,Php,Json,Laravel,我想从URL获取json 我试图从这个URL获取json，但无法从datepicker获取值。因为我想使用该值从URL获取JSON 如果我在浏览器中打开此URL：这是我的刀： //link datepicker <script src="https://unpkg.com/gijgo@1.9.11/js/gijgo.min.js" type="text/javascript"></script> <link href="https://unpkg.com/gij

我想从URL获取json

我试图从这个URL获取json，但无法从datepicker获取值。因为我想使用该值从URL获取JSON

如果我在浏览器中打开此URL：

这是我的刀：

//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>

这是我的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('');
});
});

这是我的控制器：

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";
    }
}

没有显示我的代码中的任何内容，我不知道，错误在哪里我刚学会使用拉威尔

我尝试获得如下输出：

如果有人想帮助我，非常感谢：我将+代表…：

首先需要导入jQuery 然后需要导入日期选择器 JS 在Jquery的document.ready函数中初始化日期选择器

由于要从控制器函数返回文本，所以需要在ajax请求中使用dataType:text

您的刀片文件应如下所示：

<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>

你使用哪个日期选择器？请添加链接好的，伙计，我添加日期选择器链接好的，我会试试。但是我已经导入了jQuery和datepicker js，只是没有显示是的，我知道，您已经导入了，但我只是指导您以正确的方式进行操作。我遇到了这样的错误->>404未找到。但我已经导入了jQuery和其他

<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>