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

    你可能感兴趣的文章
    npm install报错,证书验证失败unable to get local issuer certificate
    查看>>
    npm install无法生成node_modules的解决方法
    查看>>
    npm run build 失败Compiler server unexpectedly exited with code: null and signal: SIGBUS
    查看>>
    npm run build报Cannot find module错误的解决方法
    查看>>
    npm run build部署到云服务器中的Nginx(图文配置)
    查看>>
    npm run dev 报错PS ‘vite‘ 不是内部或外部命令,也不是可运行的程序或批处理文件。
    查看>>
    npm start运行了什么
    查看>>
    npm WARN deprecated core-js@2.6.12 core-js@<3.3 is no longer maintained and not recommended for usa
    查看>>
    NPM使用前设置和升级
    查看>>
    npm入门,这篇就够了
    查看>>
    npm切换到淘宝源
    查看>>
    npm前端包管理工具简介---npm工作笔记001
    查看>>
    npm发布自己的组件UI包(详细步骤,图文并茂)
    查看>>
    npm和yarn清理缓存命令
    查看>>
    npm和yarn的使用对比
    查看>>
    npm学习(十一)之package-lock.json
    查看>>
    npm报错unable to access ‘https://github.com/sohee-lee7/Squire.git/‘
    查看>>
    npm的常用配置项---npm工作笔记004
    查看>>
    npm的问题:config global `--global`, `--local` are deprecated. Use `--location=global` instead 的解决办法
    查看>>
    npm编译报错You may need an additional loader to handle the result of these loaders
    查看>>