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

    你可能感兴趣的文章
    Objective-C实现醉汉随机行走问题(附完整源码)
    查看>>
    Objective-C实现重载[ ](附完整源码)
    查看>>
    Objective-C实现重载()(附完整源码)
    查看>>
    Objective-C实现量化交易策略(附完整源码)
    查看>>
    Objective-C实现链表(附完整源码)
    查看>>
    Objective-C实现链表reverseTraversal反向遍历算法(附完整源码)
    查看>>
    Objective-C实现链表traversal遍历算法(附完整源码)
    查看>>
    Objective-C实现链表交换节点算法(附完整源码)
    查看>>
    Objective-C实现链表尾插法(附完整源码)
    查看>>
    Objective-C实现链表尾插法(附完整源码)
    查看>>
    Objective-C实现链表逆转(附完整源码)
    查看>>
    Objective-C实现键盘操控(附完整源码)
    查看>>
    Objective-C实现长短期记忆人工神经网络LSTM(附完整源码)
    查看>>
    Objective-C实现闭式函数计算特定位置的斐波那契数fibonacciNthClosedForm算法(附完整源码)
    查看>>
    Objective-C实现队列(附完整源码)
    查看>>
    Objective-C实现阶乘(附完整源码)
    查看>>
    Objective-C实现阶乘递归factorialRecursive算法(附完整源码)
    查看>>
    Objective-C实现阿特巴希密算法(附完整源码)
    查看>>
    Objective-C实现随机图生成器算法(附完整源码)
    查看>>
    Objective-C实现随机数生成器(附完整源码)
    查看>>