AJAX: post method with UTF-8

I'm trying to send data as UTF-8 over Ajax, but it's changing some data in unicode. I'll explain it with two short examples:

A simple POST (without ajax)

<form accept-charset="UTF-8" method="POST" action="test2.php">
<input type="text" class="" name="text">
<input type="submit" class="button" value="Submit">
</form>

Meta and PHP headers are always set:

<meta charset="utf-8">

header("Content-Type: text/html; charset=utf-8");

If I submit an Arabic letter (ب), and use strlen() it will return 3. If I use mb_strlen() it will return 1. This is all good as it should be.

Now the Ajax version. The form, headers and meta are the same. But onsubmit() calls this ajax in Javascript:

... (initiating HttpReq)
self.xmlHttpReq.open('POST', strURL, true);
self.xmlHttpReq.setRequestHeader("charset", "utf-8");
self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); 
...
if (self.xmlHttpReq.readyState == 4) { ... }

Now the same test gives for strlen() 6 and for mb_strlen() also 6. The ب was actually converted to 6%u0628 somewhere in the Ajax process.. And this does not happen with a normal POST (example one).

What am I forgetting/doing wrong in the Ajax process ?

标签： php javascript ajax utf-8 utf

1条回答

闹够了就滚

2楼-- · 2019-03-05 06:14

i use alot ajax and always use only utf8 and never had a problem , i'm mostly on chrome and safari ios

maybe try changing ur ajax script by removing all the headers.and using the new FormData (should work on most modern browsers) ... sure not on all.

document.forms[0] means it takes all the fields from first form in your page. else give it an id and call document.getElementById('myform') i also don't use anymore readyState... onload

to return the response in postresponsefunction u write this.response

var fd=new FormData(document.forms[0]),
c=new XMLHttpRequest();
c.open('POST',strURL);
c.onload=postresponsefunction;
c.send(fd);

here is a complet working php script with post & ajax file is named 'test.php'

<?php
if($_REQUEST){
print_r($_REQUEST);
}else{
?>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>postajax</title>
<script>
var 
rf=function(){
 document.getElementsByTagName('div')[0].innerText=this.response;
},
sf=function(e){
 e.preventDefault();e.stopPropagation();
 var fd=new FormData(document.getElementsByTagName('form')[0]),
 c=new XMLHttpRequest();
 c.open('POST','test.php');
 c.onload=rf;
 c.send(fd);
};
window.onload=function(){
 document.getElementsByTagName('form')[0].onsubmit=sf;
}
</script>
</head>
<body>
<form>
<input type="text" name="mytext"><input type="submit" value="submit">
</form><div></div>
</body>
</html>
<?php
}
?>

if (!window.XMLHttpRequest) {
  window.XMLHttpRequest = function() {
    return new ActiveXObject(”Microsoft.XMLHTTP”);
  };
}

0人赞添加讨论(0) 举报

AJAX: post method with UTF-8

采纳回答

编辑标签

举报内容

检举类型

检举原因

检举说明(必填)

打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮

付费偷看金额在0.1-10元之间