ajax中的contendType和dataType知识点梳理

AJAX 中的 contentType 和 dataType 知识点梳理

随着 Web 应用程序的发展，JavaScript 发挥着越来越重要的作用。而 AJAX 则是 JavaScript 开发中非常常用的一种技术，以便异步加载和提交数据。其中 AJAX 中的 contentType 和 dataType 也是需要注意的知识点。

contentType

contentType 是 AJAX 中很重要的一个参数，它规定了在使用 AJAX 技术向服务器发送数据时，发送的数据类型应是什么。在 jQuery.ajax() 方法中，可以通过 contentType 参数来设置。

• 默认值: "application/x-www-form-urlencoded"
• 可以发送的值包括 "application/x-www-form-urlencoded"、"multipart/form-data"、"text/plain"。

使用 contentType 参数时，需要注意以下几点：

1. 如果 contentType 设置成 "application/x-www-form-urlencoded" 或 "multipart/form-data"，则设置 data 参数时需要按照以下方式来设置：

$.ajax({
  url: "example.com",
  method: "POST",
  data: { name: "John", location: "Boston" }
})

1. 如果 contentType 设置成 "text/plain"，则需要手动对发送的数据进行编码，例如：

$.ajax({
  url: "example.com",
  method: "POST",
  contentType: "text/plain",
  data: "Name=John&Location=Boston"
})

dataType

dataType 是 AJAX 中另一个重要的参数，规定了预期从服务器返回的数据类型。在 jQuery.ajax() 方法中，可以通过 dataType 参数来设置。

• 默认值: Intelligent Guess (xml, json, script, or html)

它的取值包含很多种类型，如 JSON、HTML、XML 和 text 等。使用 dataType 参数时，需要注意以下几点：

1. 如果服务器返回的数据类型与 dataType 指定的类型不同，则认为请求失败。

2. 某些已过时的使用方式，dataType 后缀会在 URL 上明确规定，如下例：

$.ajax({
  url: "example.com",
  dataType: "jsonp"
})

1. 如果不想使用 Intelligent Guess 来猜测返回的数据类型，则可以将该参数设置为 "text"，这样处理后的（字符串类型）的响应可以很容易地被处理和按需求处理。

总结起来，contentType 与 dataType 是 AJAX 中必须要注意的内容，合理的使用不仅可以带来给开发者更多的便捷，更能有效避免一些错误的产生。