ajax(jquery) post json 跨域访问问题-白红宇

ajax(jquery) post json 跨域访问问题

阅读量：795 次

发布时间：2019-03-25

本文共 840 字，大约阅读时间需要 2 分钟。

HTTP POST 请求问题解决方案

在开发过程中，当后端要求接收JSON或raw格式数据时，发送的数据类型通常是form-data。由于团队经验不足，可能会遇到以下问题：

Form-data数据格式的应用

确保Form-data数据格式的使用是正确的，避免直接发送JSON数据。

验证HTTP请求类型

在设置contentType:"application/json; charset=utf-8"时，发现发送的不是POST请求，而是OPTIONS请求。这是因为某些浏览器或服务器会阻止跨域的非安全请求。

检查服务器文档

根据官方文档中的CORS配置，确保服务器端设置了正确的访问控制策略。部分服务器需要额外配置头部信息。

发送HTTP POST请求的代码示例如下：

$(document).ready(function() {
  $("button").click(function() {
    $.ajax({
      type: "POST",
      url: "http://121.45.108.14:8000/weiapi/login",
      async: true,
      data: {
        phone: "18625531123",
        password: "74c665982bb15059e63"
      },
      contentType: "text/plain; charset=utf-8",
      dataType: "json",
      success: function(data) {}
    });
  });
});

注意事项：

服务器端需要添加头部信息Access-Control-Allow-Origin:*，表示允许跨域访问。

建议测试提交请求时，工具栏开启“无网络”模式，避免浏览器缓存干扰。

通过以上方法，可以有效解决HTTP POST 请求问题。

转载地址：http://bmnyk.baihongyu.com/

你可能感兴趣的文章