博客
关于我
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/

    你可能感兴趣的文章
    nginx报错:the “ssl“ parameter requires ngx_http_ssl_module in /usr/local/nginx/conf/nginx.conf:128
    查看>>
    nginx报错:the “ssl“ parameter requires ngx_http_ssl_module in usrlocalnginxconfnginx.conf128
    查看>>
    nginx日志分割并定期删除
    查看>>
    Nginx日志分析系统---ElasticStack(ELK)工作笔记001
    查看>>
    Nginx映射本地json文件,配置解决浏览器跨域问题,提供前端get请求模拟数据
    查看>>
    nginx最最最详细教程来了
    查看>>
    Nginx服务器---正向代理
    查看>>
    Nginx服务器上安装SSL证书
    查看>>
    Nginx服务器基本配置
    查看>>
    Nginx服务器的安装
    查看>>
    Nginx模块 ngx_http_limit_conn_module 限制连接数
    查看>>
    Nginx模块 ngx_http_limit_req_module 限制请求速率
    查看>>
    nginx添加模块与https支持
    查看>>
    Nginx用户认证
    查看>>
    Nginx的location匹配规则的关键问题详解
    查看>>
    Nginx的Rewrite正则表达式,匹配非某单词
    查看>>
    Nginx的使用总结(一)
    查看>>
    Nginx的使用总结(三)
    查看>>
    Nginx的使用总结(二)
    查看>>
    Nginx的可视化神器nginx-gui的下载配置和使用
    查看>>