问题：ajax跨域访问报错501
运行下面的代码会报错501
$.ajax({
type: "POST",
url: "http://192.168.1.202/sensordata.php",
contentType:'application/json; charset=utf-8',
data: JSON.stringify(ajaxPostData),
dataType:'json',
success: function(data){
//On ajax success do this
console.info
在Web开发中，跨域（Cross-Origin）是一个常见的问题，特别是在使用AJAX进行异步数据交互时。跨域是指浏览器的同源策略限制了JavaScript从一个域下的网页向另一个域下的资源发起请求。标题提到的“ajax跨域访问报错501”是指在尝试通过AJAX进行跨域请求时，服务器返回了HTTP状态码501，表示服务器不支持所请求的方法。
我们需要理解为什么会出现501错误。HTTP状态码501代表"未实现"，它意味着服务器不支持或无法处理客户端请求的方法。在这个场景中，错误通常与预飞行请求（CORS Preflight）有关，这是浏览器为了确保跨域请求安全而进行的一种机制。
当AJAX请求的`contentType`设置为非标准类型，例如`application/json`，浏览器会在实际请求之前发送一个预飞行的OPTIONS请求来询问服务器是否允许这种类型的数据传输。如果服务器不支持或没有正确响应这个OPTIONS请求，就会返回501状态码。
解决这个问题的方法是去掉`contentType`设置，或者修改为浏览器默认能接受的类型，如`application/x-www-form-urlencoded`、`multipart/form-data`或`text/plain`。这是因为这些类型不需要预飞行请求，浏览器可以直接发送POST请求。
然而，这只是权宜之计。长期解决方案通常涉及到在服务器端配置CORS（Cross-Origin Resource Sharing），这是一种允许服务器指定哪些源可以访问其资源的安全策略。服务器需要在响应头中添加`Access-Control-Allow-Origin`字段，并设置为允许的源地址，例如`*`表示允许所有源，或者具体的域名。
此外，如果服务器需要支持POST、PUT等非简单请求，还需要设置`Access-Control-Allow-Methods`字段。同时，如果POST请求包含自定义头部，还需设置`Access-Control-Allow-Headers`字段。这样，服务器就能正确处理预飞行请求，并允许跨域POST请求。
在Django、Node.js、ASP.NET等Web框架中，都有相应的设置CORS的库或方法。例如，在Django中，可以使用`django-cors-headers`库来添加CORS支持；在Node.js中，可以使用`cors`中间件。
解决AJAX跨域访问报错501的问题，主要步骤包括：
1. 检查服务器是否支持请求方法，如果是非标准`contentType`，可考虑更改或移除。
2. 在服务器端配置CORS，允许指定的源进行跨域请求。
3. 对于非简单请求，确保服务器支持并允许预飞行的OPTIONS请求。
4. 如果涉及到特定头部或方法，需在响应头中明确声明。
了解这些原理和解决方法后，可以有效地避免和解决AJAX跨域访问时遇到的501错误，从而保证Web应用的正常运行和数据交互。同时，开发者也应该注意安全，避免无限制地开启跨域，防止潜在的安全风险。
