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

    你可能感兴趣的文章
    Mysql学习总结(31)——MySql使用建议,尽量避免这些问题
    查看>>
    Mysql学习总结(32)——MySQL分页技术详解
    查看>>
    Mysql学习总结(33)——阿里云centos配置MySQL主从复制
    查看>>
    Mysql学习总结(35)——Mysql两千万数据优化及迁移
    查看>>
    Mysql学习总结(36)——Mysql查询优化
    查看>>
    Mysql学习总结(37)——Mysql Limit 分页查询优化
    查看>>
    Mysql学习总结(38)——21条MySql性能优化经验
    查看>>
    Mysql学习总结(39)——49条MySql语句优化技巧
    查看>>
    Mysql学习总结(3)——MySql语句大全:创建、授权、查询、修改等
    查看>>
    Mysql学习总结(40)——MySql之Select用法汇总
    查看>>
    Mysql学习总结(41)——MySql数据库基本语句再体会
    查看>>
    Mysql学习总结(42)——MySql常用脚本大全
    查看>>
    Mysql学习总结(43)——MySQL主从复制详细配置
    查看>>
    Mysql学习总结(44)——Linux下如何实现mysql数据库每天自动备份定时备份
    查看>>
    Mysql学习总结(45)——Mysql视图和事务
    查看>>
    Mysql学习总结(46)——8种常被忽视的SQL错误用法
    查看>>
    Mysql学习总结(48)——MySql的日志与备份还原
    查看>>
    Mysql学习总结(49)——从开发规范、选型、拆分到减压
    查看>>
    Mysql学习总结(4)——MySql基础知识、存储引擎与常用数据类型
    查看>>
    Mysql学习总结(50)——Oracle,mysql和SQL Server的区别
    查看>>