Ajax的原生实现关于MIME类型的使用方法

2024-08-28 07:31:16

问题描述

下面的例子是一个Ajax的post请求的代码，这段代码在测试运行的时候，发现返回的状态码为400，服务器不能理解的请求，后来经过查看和修改，发现只需要将下面的代码稍微改造一下就好了

原代码

var send = function (url, params, fn) {
  var me = this;
  var xhr = null;
  var data = '';
  fn = fn || function() {};
  params = params || {};
  for(var item in params) {
   data += item + '=' + params[item] + '&';
  }
  if(data[data.length - 1] == '&') {
   data = data.slice(0, data.length - 1);
  }
  if(window.XMLHttpRequest) {
   xhr = new XMLHttpRequest();
  }else if(window.ActiveXObject) {
   xhr= new ActiveXObject("Microsoft.XMLHTTP");
  }
  xhr.open("post", url, true);
  xhr.setRequestHeader("Content-type", "application/json");
  xhr.onreadystatechange = function () {
   if(xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 304)) {
    fn(JSON.parse(xhr.responseText));
   }
  };
  xhr.send(JSON.stringify(params));
}

修改之后的代码

var send = function (url, params, fn) {
    var me = this;
    var xhr = null;
    fn = fn || function() {};
    params = params || {};
    if(window.XMLHttpRequest) {
      xhr = new XMLHttpRequest();
    }else if(window.ActiveXObject) {
      xhr= new ActiveXObject("Microsoft.XMLHTTP");
    }
    xhr.open("post", url, true);
    xhr.setRequestHeader("Content-type", "application/json");
    xhr.onreadystatechange = function () {
      if(xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 304)) {
        fn(JSON.parse(xhr.responseText));
      }
    };
    xhr.send(JSON.stringify(params));
}

这两段代码的差别就是，修改之后的代码去掉了关于data这个变量的处理以及在send中传递的参数变为了params这个变量

问题解惑

问题是解决了，但是我心里的疑问却产生了，之前在使用原生的Ajax的时候，当method为post的时候，传递的参数的形式是”name=123&age=32”这样子的，那么为什么现在传递一个序列化的JSON对象就可以了呢？

这时候我注意到自己所加的MIME类型，也就是设置Content-type的那处，我设置的是"application/json"，这样看起来就解释的通了，这时候我回想起之前常用的MIME类型是“application/x-www-form-urlencoded”，这种时候send方法传递的参数就要求是”name=123&age=32”这样子的，到这里，解惑完毕啦(～￣▽￣)～

补充

顺便说下405这个状态码，上一次见到它的时候，是我前端发送请求的时候，传递的参数不对，这次遇到它的时候，是因为后台还没有添加这个请求的处理

以上这篇Ajax的原生实现关于MIME类型的使用方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

原生js实现ajax方法(超简单)

上一篇文章写到原生js取代jquery的一些常用函数:原生js仿jquery一些常用方法,那么,ajax如何实现呢?如下是一个比较完整的ajax() function ajax(){ var ajaxData = { type:arguments[0].type || "GET", url:arguments[0].url || "", async:arguments[0].async || "true", data:arguments[0].d
原生JS简单实现ajax的方法示例

本文实例讲述了原生JS简单实现ajax的方法.分享给大家供大家参考,具体如下: HTML部分: <body> <input type="button" value="Ajax提交" onclick="Ajax();" /> <div id="resText" ></div> </body> 这里有个input按钮,点击会触发click事件,click事件调用Ajax(
Ajax的原生实现关于MIME类型的使用方法

问题描述下面的例子是一个Ajax的post请求的代码,这段代码在测试运行的时候,发现返回的状态码为400,服务器不能理解的请求,后来经过查看和修改,发现只需要将下面的代码稍微改造一下就好了原代码 var send = function (url, params, fn) { var me = this; var xhr = null; var data = ''; fn = fn || function() {}; params = params || {}; for(var item in
PHP实现获取文件mime类型多种方法解析

本文实例讲述了php获取文件mime类型的方法.分享给大家供大家参考.具体如下: 1.使用 mime_content_type 方法 string mime_content_type ( string $filename ) Returns the MIME content type for a file as determined by using information from the magic.mime file. <?php $mime_type = mime_content_typ
asp.net 下载文件时根据MIME类型自动判断保存文件的扩展名

引言用WebClient下载远程资源时,经常会遇到类似这样的网址: http://www.uushare.com/filedownload?user=icesee&id=2205188 http://www.guaishow.com/u/luanfujie/g9675/ 我们不知道这个Url具体代表的是一个网页,还是某种类型的文件. 而有些Url虽然带有扩展名,但可能是错误的扩展名,常见的比如把gif文件标上了jpg扩展名. 如果我们没法正确判断下载源的文件类型的话,就无法保存为正确的文件格式
php实现获取文件mime类型的方法

本文实例讲述了php获取文件mime类型的方法.分享给大家供大家参考.具体如下: 1.使用 mime_content_type 方法 string mime_content_type ( string $filename ) Returns the MIME content type for a file as determined by using information from the magic.mime file. <?php $mime_type = mime_content_typ
WIN2003中使用IIS配置手机下载类WAP网站的MIME类型介绍

下面我就针对win2003为大家介绍一下WAP站点的安装让IIS服务器可以支持sis.SISX.3GP.ADP.AMR.JAD.JAR.MMF.MFM.PMD.UMD等文件下载 Windows2003 服务器配置IIS的MIME类型打开Internet 服务管理器Internet 服务管理器-->网站属性-->HTTP头(MIME映射)-->新建添加下列内容类型(MIME) 关联扩展名 text/vnd.wap.wml wml image/vnd.wap.wbmp wbmp te
IIS自定义MIME类型的步骤

单击[开始]→[程序]→[管理工具]→[IIS管理器],逐步展开"本地计算机"."网站",在你的网站上右击,选择[属性],单击"HTTP头"选项卡→单击"MIME类型"按钮,再单击"新建"按钮,在"扩展名"框内输入".flv","MIME类型"框中输入"flv-application/octet-stream",然后确定即可.&
MIME类型大全(response.setContentType中MIME参数类型总结)

MIME类型就是设定某种扩展名的文件用一种应用程序来打开的方式类型,当该扩展名文件被访问的时候,浏览器会自动使用指定应用程序来打开.多用于指定一些客户端自定义的文件名,以及一些媒体文件打开方式. 如果服务器没有对应的设置,很多文件无法通过web服务器解析,造成无法下载无法播放的问题. 下面列出常用的文件对应的MIME类型: Mime-Types(mime类型) Dateiendung(扩展名) Bedeutung application/msexcel *.xls *.xla Microsoft
php准确获取文件MIME类型的方法

本文实例讲述了php准确获取文件MIME类型的方法.分享给大家供大家参考.具体实现方法如下: <?php $mime = array ( //applications 'ai' => 'application/postscript', 'eps' => 'application/postscript', 'exe' => 'application/octet-stream', 'doc' => 'application/vnd.ms-word', 'xls' => '
原生JS实现Ajax通过POST方式与PHP进行交互的方法示例

本文实例讲述了原生JS实现Ajax通过POST方式与PHP进行交互的方法.分享给大家供大家参考,具体如下: 一.代码 conn.php <?php $conn=mysql_connect("localhost","root","root") or die("数据库连接失败".mysql_error()); mysql_select_db("db_database27",$conn) or die(&q
python 检查文件mime类型的方法

magic 模块可以检查文件的mime类型,而不是从后缀名来判断,例如判断文件是不是视频或图片类型如下: #检查文件类型 mime_type = magic.from_file(full_path,mime=True) logger.info("上传的文件类型:"+str(mime_type)) if not mime_type.startswith('video') and not mime_type.startswith('image'): logger.error("非

Ajax的原生实现关于MIME类型的使用方法

相关推荐

随机推荐