laravel |如何在JavaScript中访问会话数组?

时间:2017-04-28 15:21:00

标签: javascript arrays laravel laravel-5.4 laravel-blade

我将数组传递给控制器​​的视图。

以下是控制器功能:

$notification = array(
            'message' => 'Welcome Admin!', 
            'alert_type' => 'success',
        );
return redirect('/home')->with('notification', $notification);

在我看来:

<script>
  @if(Session::has('notification'))//this line works as expected

    var type = "{{ Session::get('alert_type', 'info') }}";
   //but the type var gets assigned with default value(info)
    switch(type){
        case 'info':
            toastr.info("{{ Session::get('message') }}");
            break;

        case 'warning':
            toastr.warning("{{ Session::get('message') }}");
            break;

        case 'success':
            toastr.success("{{ Session::get('message') }}");
            break;

        case 'error':
            toastr.error("{{ Session::get('message') }}");
            break;
    }
  @endif
</script>

正如您所看到的那样,我试图访问var type = "{{ Session::get('alert_type', 'info') }}";中的数组值的方式显然有问题

EDIT-1 : 我试着做了

var type = "{{ Session::get('notification')->alert_type, 'info' }}";
switch(type){
    case 'info':
        toastr.info("{{ Session::get('notification')->message }}");
        break;

    case 'warning':
        toastr.warning("{{ Session::get('notification')->message }}");
        break;

    case 'success':
        toastr.success("{{ Session::get('notification')->message }}");
        break;

    case 'error':
        toastr.error("{{ Session::get('notification')->alert_type }}");
        break;
}

但现在我收到错误

  

尝试获取非对象的属性(查看:C:\ xampp \ htdocs \ financetest1 \ resources \ views \ layouts \ master.blade.php)(查看:C:\ xampp \ htdocs \ financetest1 \ resources \ views \布局\ master.blade.php)

任何人都可以帮我这个吗?

3 个答案:

答案 0 :(得分:3)

你应该保持你的PHP和Javascript代码分开。在HTML中使用data属性,然后在Javascript代码中获取值。

例如此HTML代码(我使用json_encode来支持换行符):

<body {{ Session::has('notification') ? 'data-notification' : '' }} data-notification-type='{{ Session::get('alert_type', 'info') }}' data-notification-message='{{ json_encode(Session::get('message')) }}'>
    // ...
</body>

然后在你的JS文件中:

(function(){
    // Don't go any further down the script if [data-notification] is not set.
    if ( ! document.body.dataset.notification)
        return false;

    var type = document.body.dataset.notificationType;
    switch(type){
        case 'info':
            toastr.info(JSON.parse(document.body.dataset.notificationMessage));
            break;

        case 'warning':
            toastr.warning(JSON.parse(document.body.dataset.notificationMessage));
            break;

        case 'success':
            toastr.success(JSON.parse(document.body.dataset.notificationMessage));
            break;

        case 'error':
            toastr.error(JSON.parse(document.body.dataset.notificationMessage));
            break;
    }
})();

你可以通过这样做来缩短你的JS:

(function(){
    // Don't go any further down the script if [data-notification] is not set.
    if ( ! document.body.dataset.notification)
        return false;

    var type = document.body.dataset.notificationType;
    var types = ['info', 'warning', 'success', 'error'];

    // Check if `type` is in our `types` array, otherwise default to info.
    toastr[types.indexOf(type) !== -1 ? type : 'info'](JSON.parse(document.body.dataset.notificationMessage));

    // toastr['info']('message') is the same as toastr.info('message')
})();

详细了解:HTMLElement.datasetConditional (ternary) Operator

答案 1 :(得分:2)

而不是{{ Session::get('message') }}

分别尝试{{ Session::get('notification')->message }}{ Session::get('notification')->alert_type }}

您的会话消息返回数组,您需要使用数组键来获取消息而不是直接获取密钥。

答案 2 :(得分:0)

好的,从@ milo526回答后,我做了一些研究并找到了解决方案。 @ milo526的解决方案尝试将数组作为对象访问,因此Laravel嘎嘎叫。我这样做了,它现在有用了!

var type = "{{ Session::get('notification')['alert_type'], 'info' }}";
switch(type){
    case 'info':
        toastr.info("{{ Session::get('notification')['message'] }}");
        break;

    case 'warning':
        toastr.warning("{{ Session::get('notification')['message'] }}");
        break;

    case 'success':
        toastr.success("{{ Session::get('notification')['message'] }}");
        break;

    case 'error':
        toastr.error("{{ Session::get('notification')['message'] }}");
        break;
}