Question

我正在尝试使用Laravel4将语言从英语更改为法语而不刷新页面（ajax），并且为了记住用户的选择，我将其存储在当前会话中，ajax请求正常工作，但是只有在我刷新整个页面后，语言才会改变（F5），这是我尝试做的一个例子，这是我的观点：

<!DOCTYPE html>
<html>
<head>
    <meta name="_token" content="{{ csrf_token() }}" />
    <title>Test Ajax</title>
</head>
<body>
<div id="div">{{ trans('test.welcome') }}</div>  <br />
{{ trans('test.test') }}
<a id="change_language" href="javascript:void(0);">Change language</a>

<form method="post" action="javascript:void(0);">
    <input id="name" type="text" />
    <input id="go" type="submit" value="Go" />
    <div id="feedback"></div>
</form>
{{ HTML::script('js/jquery.js') }}
{{ HTML::script('js/ajax.js') }}
</body>
</html>

这是我的ajax请求：

$("#change_language").click(function(){

        $('#feedback').html('<img src="./img/loading.gif" alt="Loading ..."/>');
        $.ajax({
            url:'change-language',
            type: "POST",
            headers: {
                'X-CSRF-Token': $('meta').attr('content')
            },
            success:function(result){
                $('#feedback').html(result);    
          }});
        });

这是我的route.php文件：

Route::group(array('before' => 'auth'), function() {
    Route::group(array('before' => 'csrf'), function() {

    Route::post('change-language', array(
        'as'    => 'change-language',
        'uses'  => 'AjaxController@changeLanguage'
        ));

    });
));

这是我在我的控制器中的功能：

public function changeLanguage()
{
    Session::put('lang', 'fr');
    return 'success';
}

这就是我在App / start / global.php中存储用户语言的方式

App::setLocale(Session::get('lang', Config::get('App.locale')));

所以我要问的是：有没有办法只刷新页面中的特定部分，例如div id="div"而不刷新整个页面？

Answer 1

您需要重新加载整个页面，因为在解析刀片文件期间会呈现字符串。 Ajax请求会为您在会话中保存已使用的区域设置，但不会再次呈现您的页面。

如果您想在不重新加载的情况下更改页面内容，则必须使用JavaScript：

发送＆＃39;区域设置更改＆＃39;请求使用Ajax
返回您想要更改的字符串（例如，作为JSON对象）
使用JS

这可以（取决于你想要改变的元素的数量）安静很多工作。我仍然建议重新加载页面，我不认为它会改变您网页的可用性。

使用ajax更改语言Laravel

1 个答案: