使用jQuery和PHP加载区域设置变量 - Loading locale variables with jQuery and PHP

我正试图将一些局部变量加载到一个页面上，该页面应该有不同的文本，这取决于用户的系统（或浏览器）语言。以下是我迄今为止所做的：

一个简单的HTML页面：

<html>
    <head>
        <title>Page title</title>
        <<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
        <link rel="stylesheet" type="text/css" href="/css/style.css">
        <script>
            $( document ).ready(function() {
                jQuery.ajax({
                    url: "login_backend.php",
                    dataType:'json',
                    success:function(response)
                    {
                        $('#loginline').html(response.first );
                        $('#passwordline').html(response.second );
                    }
                });

            });
        </script>
    </head>
<body link='#b9b5b1' vlink='#f2f0ed' alink='#908f8e'>
<table width='100%' height='100%'>
<form method='POST' action='buzz-login.php' enctype=utf-8 accept-charset=utf-8>
<tr>
<td align=center><table>
<tr>
<td><table>
<tr>
<td><div id = "loginline" class = "loginline">Test1:</div></td>
<td><input type='text' name='login' size='15'></td>
</tr>
<tr>
<td><div id = "passwordline" class = "passwordline">Test2:</div></td>
<td><input
type='password' name='password' size='15'></td>
</tr>
</table></td>
</tr>
<tr>
<td align = center><input type='submit' name='ok'
value='$login_button'></td>
</tr>
<tr>
<td align = center><font color='red'>Random msg</font></td>
</tr>
</table></td>
</tr>
</form>
</table>
</body>
</html>

login_backend.php

<?
    session_start();
    $_SESSION['locale'] = substr($_SERVER['HTTP_ACCEPT_LANGUAGE'], 0, 2);// detecting language
    include "locale/{$_SESSION['locale']}.php";//loading locale file with proper prefix
$locale = array[ //the array is filled from variables, initiated in a particular locale file
"loginline"=>"$login_line", 
"passwordline"=>"$password_line"
];
echo json_encode($locale);
?>

最后，我们有几个本地文件，看起来如下（en.php）：

<?
$login_line           = "ID";
$password_line        = "Password";
?>

最大的想法是在页面加载时请求局部变量，并将它们放入适当的div中。我没有犯任何错误，但它不起作用。

.ajax请求的success回调中的response变量不返回first或second键。如果您查看您的login_backend.php（为什么它被称为login_backend？我没有看到任何关于登录的具体信息），它会返回一个带有密钥loginline和passwordline的数组，如中所示

{
  "loginline": "ID",
  "passwordline": "Password"
}

使用浏览器的开发人员控制台验证这一点，例如在处理异步请求时使用Firebug或类似工具。

您的.ajax请求设置告诉我您期望一个JSON dataType:'json'。您应该通过正确设置其标头来告诉PHP文件（在您的情况下为login_backend.PHP），它返回的内容是类型的JSON。

<?php
  header('Content-Type: application/json');
  .. code ..
  echo json_encode($locale);

使用PHP会话时，请确保在不再需要会话时关闭会话。会话在使用时被锁定，当您不写入或读取会话时，请使用session_write_close解锁会话。

session_start();
// detecting language
$_SESSION['locale'] = substr($_SERVER['HTTP_ACCEPT_LANGUAGE'], 0, 2);
// loading locale file with proper prefix    
include "locale/{$_SESSION['locale']}.php";
/* close session lock */
session_write_close();

一般来说，在使用任何为您解决本地化问题的第三方来源之前，先开始编写自己的材料是一件好事。尽管你的设置有几个步骤太多了。

首先，在login_backend.php中，从'locale/{$_SESSION['locale']}.php'中包含的变量列表中构建一个数组$locale，将每个变量复制到其等效密钥，即使变量/密钥名称几乎相同。

您可以通过让文件en.php立即返回这个数组来简化这一点

<?php
  /** file: en.php */
  return [
    'login_line' => 'ID',
    'password_line' => 'Password'
  ];

在一个变量中捕获返回的数组，并让login_backend.php立即将数组编码为json字符串。

除此之外，请确保始终正确检查

全局/会话中是否存在密钥，例如isset($_SESSION['locale'])或array_key_exists('locale', $_SESSION')，以正确处理错误
请确保您知道include和require之间的区别，请参阅此问题
永远不要假设一个文件是基于外部（第三方）来源的文件名而存在的