mb_strlen()& strlen()不会从对Ajax的Ajax调用中返回正确的值

时间:2011-11-23 23:53:14

标签: php javascript ajax encoding utf-8

如何在PHP中添加一个检查传递的$ username的长度。该网站是UTF-8,但我相信Javascript使用的是不同的编码。你可以在评论中看到我在PHP中尝试了不同的东西而且它们不起作用。

我尝试过但没有效果

  • 更改Ajax(javascript)以通过UTF-8而不是javascript编码传递变量
  • strlen,PHP中的mb_strlen - 都返回不正确的值

更多信息

我的Ajax向我的PHP发送一个用户名,用于检查SQL DB并返回可用或不可用。我决定在检查数据库之前尝试在PHP中做一些额外的检查(比如mb_strlen($username)。 mb_internal_encoding("UTF-8");也已设定。

我打算尝试以UTF-8发送Ajax请求,但没有看到这样做的方法。

是在MySQL中正确使用UPPER吗? - 对于UTF-8的东西?

PHP低于 * ** * ** * ** * *

// Only checks for the username being valid or not and returns 'taken' or 'available'
require_once('../defines/mainDefines.php'); // Connection variables
require_once('commonMethods.php');
require_once('sessionInit.php');    // start session, check for HTTP redid to HHHTPs

sleep(2);   // Looks cool watching the spinner

$username = $_POST['username'];

//if (mb_strlen($username) < MIN_USERNAME_SIZE) echo 'invalid_too_short';

//if (mb_strlen($username, 'UTF-8') < 10) { echo ('invalid_too_short'); exit; }
//die ('!1!' .  $username . '!2!' . mb_strlen($username) . '!3!' . strlen($username) . '!4!');

$dbc = mysqli_connect(DB_HOST, DB_READER, DB_READER_PASSWORD, DB_NAME) or     die(DB_CONNECT_ERROR . DB_HOST .  '--QueryDB--checkName.php');
$stmt = mysqli_stmt_init($dbc);

$query = "SELECT username FROM pcsuser WHERE UPPER(username) = UPPER(?)";
if (!mysqli_stmt_prepare($stmt, $query)) {
    die('SEL:mysqli_prepare failed somehow:' . $query . '--QueryDB--checkName.php');
}

if (!mysqli_stmt_bind_param($stmt, 's', $username)) {
    die('mysqli_stmt_bind_param failed somehow --checkName.php');
}

if (!mysqli_stmt_execute($stmt)) {
    die('mysqli_stmt_execute failed somehow' . '--checkName.php');
}

mysqli_stmt_store_result($stmt);
$num_rows = mysqli_stmt_num_rows($stmt);
mysqli_stmt_bind_result($stmt, $row);           
echo ($num_rows >= 1) ? 'taken' : 'available';

mysqli_stmt_close($stmt);
mysqli_close($dbc);

以下的AJAX代码

function CheckUsername(sNameToCheck) {
document.getElementById("field_username").className = "validated";
registerRequest = CreateRequest();
if (registerRequest === null)
    alert("Unable to create AJAX request");
else {
  var url= "https://www.perrycs.com/php/checkName.php";
  var requestData = "username=" + escape(sNameToCheck); // data to send
  registerRequest.onreadystatechange = ShowUsernameStatus;
  registerRequest.open("POST", url, true);
  registerRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
  registerRequest.send(requestData);
}
}


function ShowUsernameStatus() {
var img_sad = "graphics/signup/smiley-sad006.gif";
var img_smile = "graphics/signup/smiley-happy088.gif";
var img_checking = "graphics/signup/bluespinner.gif";

if (request.readyState === 4) {
    if (request.status === 200) {
        var txtUsername = document.getElementById('txt_username');
        var fieldUsername = document.getElementById('field_username');
        var imgUsername = document.getElementById('img_username');
        var error = true;
        var response = request.responseText;

        switch (response) {
            case "available":
                txtUsername.innerHTML = "NAME AVAILABLE!";
                error = false;                  
                break;
            case "taken":
                txtUsername.innerHTML = "NAME TAKEN!";
                break;
            case "invalid_too_short": 
                txtUsername.innerHTML = "TOO SHORT!";
                break;
            default:
                txtUsername.innerHTML = "AJAX ERROR!";
                break;
        } // matches switch

        if (error) {
            imgUsername.src = img_sad;
            fieldUsername.className = 'error';
        } else {
            imgUsername.src = img_smile;
            fieldUsername.className = 'validated';
        }
    } // matches ===200
} // matches ===4
}

测试结果

这是我在PHP中进行DIE时返回的内容,如下所示回显(在下面进行Ajax更改之前和之后[在UTF-8中添加请求] ...

PHP SNIPPIT

die ('!1!' .  $username . '!2!' . mb_strlen($username) . '!3!' . strlen($username) . '!4!');

测试数据

用户名: David Perry

!1!David Perry!2!11!3!11!4!

用户名:Ü|“〜÷Û♦

!1!ܦ\“〜%u2666!2!9!3!13!4!

第一个有效。第二个应该可以工作,但看起来编码很奇怪(可以理解)。

第二个可见的7个字符。 mb_strlen显示9,strlen显示13。

阅读了Joeri Sebrechts解决方案和链接后,他们给了我查找Ajax请求参数,有人有以下内容......

AJAX SNIPPIT (已从原始代码更改)

registerRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");

(我在一篇文章中看到的一个例子中添加了charset=UTF-8。)

更新时间:美国东部时间11月27日晚9点11分

好的,经过多次阅读后,我相信我编写的JS错误。我正在使用逃生...如下......

var requestData = "username=" + escape(sNameToCheck);

看了这个网站后......

http://www.the-art-of-web.com/javascript/escape/

它帮助我更多地了解每个功能的发生情况以及它们如何编码和解码。我应该能做到这一点......

var requestData = "username=" + encodeURIComponent(sNameToCheck);
在JS和PHP中

我应该能够做到这一点......

$username = rawurldecode($_POST['username']);

这样做仍然为我上面的奇怪例子而不是7提供了8个字符。它很接近,但我做错了什么?如果我浏览屏幕上的文字,则为7个字符。有什么想法可以帮助我更好地理解这一点吗?

固定/解决!!!

好的,谢谢您的提示,这些提示引导我朝着正确的方向努力完成这项工作。我的更改如下。

在AJAX中 - 我曾经有过逃生(sNameToCheck); -

var requestData = "username=" + encodeURIComponent(sNameToCheck);

在PHP中 * - 我以前有$ username = $ _POST ['username']; - *

$username = rawurldecode($_POST['username']);
if (get_magic_quotes_gpc()) $username = stripslashes($username);

我真的很讨厌magic_quotes ...这让我对表单数据感到非常沮丧,因为我忘了它。只要它有效。我很高兴!

所以,现在mb_strlen工作了,我可以轻松地将其添加回来......

if (mb_strlen($username) < MIN_USERNAME_SIZE) { echo 'invalid_too_short'; exit; }

效果很好!

2 个答案:

答案 0 :(得分:6)

PHP是一个字节处理器,它不支持charset。这有很多棘手的后果。

Strlen()以字节为单位返回长度,而不是以字符为单位的长度。这是因为php的“字符串”类型实际上是一个字节数组。 Utf8为每个字符使用多个字节作为“特殊字符”。因此strlen()只会为一个狭窄的文本子集(=普通英文文本)提供正确的答案。

Mb_strlen()将字符串视为实际字符,但假设它位于通过mbstring.internal_encoding指定的编码中,因为字符串本身只是一个字节数组,并且没有指定其字符集的元数据。如果您正在使用utf8数据并将internal_encoding设置为utf8,它将为您提供正确的答案。如果你的数据不是utf8,它会给你错误的答案。

Mysql将从php接收一个字节流,并将根据您通过SET NAMES指令设置的数据库会话的字符集来解析它。每次连接到数据库时,都必须告知它php字符串的编码。

浏览器从php接收一个字节流,并将根据内容类型charset http标头解析它,您可以通过php.ini default_charset控制它。 ajax调用将以与其运行的页面相同的编码提交。

总结一下,您可以在以下页面上找到有关如何确保将所有数据视为utf8的建议。遵循它,您的问题应该自行解决。 http://malevolent.com/weblog/archive/2007/03/12/unicode-utf8-php-mysql/

答案 1 :(得分:1)

快速浏览一下,你可以清理它:

if (request.status == 200) {
    if (request.responseText == "available") {
        document.getElementById("txt_username").innerHTML = "NAME AVAILABLE!";
        document.images['img_username'].src=img_smile;
        document.getElementById("continue").disabled = false;
        document.getElementById("field_username").className = 'validated';
    } else if (request.responseText == "taken") {
        document.getElementById("txt_username").innerHTML = "NAME TAKEN!";
        document.images['img_username'].src=img_sad;
        document.getElementById("field_username").className = 'error';
    } else if (request.responseText == "invalid_too_short") {
        document.getElementById("txt_username").innerHTML = "TOO SHORT!";
        document.images['img_username'].src=img_sad;
        document.getElementById("field_username").className = 'error';
    } else {
        document.getElementById("txt_username").innerHTML = "AJAX ERROR!";
                document.images['img_username'].src=img_sad;
        document.getElementById("field_username").className = 'error';
    }
  }

为:

// I prefer triple equals
// Read more at http://javascript.crockford.com/style2.html
if (request.status === 200) {
        // use variables!
        var txtUsername = document.getElementById('txt_username');
        var fieldUsername = document.getElementById('field_username');
        var imgUsername = document.getElementById('img_username');

        var response = request.responseText;

        var error = true;

        // you can do a switch statement here too, if you prefer
        if (response === "available") {
            txtUsername.innerHTML = "NAME AVAILABLE!";

            document.getElementById("continue").disabled = false;

            error = false;

        } else if (response === "taken") {
            txtUsername.innerHTML = "NAME TAKEN!";

        } else if (response === "invalid_too_short") {
            txtUsername.innerHTML = "TOO SHORT!";

        } else {
            txtUsername.innerHTML = "AJAX ERROR!";
        }

        // refactor error actions
        if (error) {
            imgUsername.src = img_sad;
            fieldUsername.className = 'error';
        } else {
            imgUsername.src = img_smile;
            fieldUsername.className = 'validated';
        }
}