XmlHttpRequest的Post请求方式示例

最新推荐文章于 2025-05-30 13:08:13 发布

liudng

最新推荐文章于 2025-05-30 13:08:13 发布

阅读量3.4k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/liudng/article/details/1845095

本文详细介绍了如何使用 XMLHttpRequest 发起 POST 请求，并强调了确保页面编码为 UTF-8 的重要性。此外，还提供了关于如何正确设置请求头以及处理响应状态码的示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

示例代码如下(注意页面编码一定要是UTF-8，因为XmlHttpRequest对象的默认编码是UTF-8)：
      function Request(url) {
           var xmlHttp = CreateXMLHttpRequest();
         var content = "m_title=title&m_content=content";
           xmlHttp.open('POST', url, true);
         xmlHttp.setRequestHeader("Content-Length", content.length);
         xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
           xmlHttp.onreadystatechange=function(){
               if(xmlHttp.readyState==4){
                   if(xmlHttp.status==200){
                         alert(xmlHttp.responseText);
                       }
                 }
           }
          xmlHttp.send(null);
      }

由于XMLHttpRequest POST的内容是用UTF-8编码，所以在服务端要先把request的编码改为UTF-8.
而且客户端post的表单是x-www-form-urlencoded的，所以也要对post的内容进行编码encodeURIComponent()函数
escape() 只是为 ASCII字符做转换工作，转换成的 %unnnn 这样的码，如果要用更多的字符如 UTF-8字符库
就一定要用 encodeURIComponent() 或 encodeURI() 转换才可以成 %nn%nn
还有
escape() 不编码这些字符:   @*/+
encodeURI() 不编码这些字符:   !@#$&*()=:/;?+'
encodeURIComponent() 不编码这些字符:   !*()'

还是推荐使用encodeURIComponent()函数来编码比较好。