• JQUERY的AJAX中 get()、post()的跨域方法


    get()请求:

            $.ajax({
            type: "get",
            url: "你的请求地址",
            dataType: 'jsonp', //【jsonp进行跨域请求 只支持get】
            data:{ //【这里填写是传给服务端的数据 可传可不传 数据必须是json格式】
                "a":"b",
                "c":"d"
            },
            success: function(data) { //【成功回调】
                console.log(data);
            },
            error: function(xhr, type) { //【失败回调】
            }
            });

    post()请求:

    【在进行跨域前,你需要知道的东西】:用ajax进行跨域请求,很多人就知道jsonp,然而很多人根本就不知道使用ajax跨域同时使用jsonp只能支持get方式请求,如果你进行post请求会执行error,并且返回readyState=4同时status=200

            $.ajax({
                type:"post",
                url:"你的请求地址",
                data:{ //【这里填写是传给服务端的数据 可传可不传 数据必须是json格式】
                    "a":"b",
                    "c":"d"
                },
                dataType:'json',  //【这里要小心啊,不要用jsonp,一定是json】
                crossDomain: true,  //【这个很重要,一定要加】
                success:function(result){
                    console.log(result);
                },
                error:function(result){
                    console.log(result);
                }
            });

    (服务器端代码):就是后台语言端(这里我以php为例)
    在你执行所有操作之前加上它,使用的框架的建议放在框架的入口文件的最前面

            header('Access-Control-Allow-Origin: *');
            header('Access-Control-Allow-Methods: POST');
            header('Access-Control-Max-Age: 1000');
  • 相关阅读:
    Apache项目资源目录
    java.lang.OutOfMemoryError: PermGen space总结
    Java虚拟机支持的最大内存限制
    weblogic中部署项目的三种方式
    用Ant实现Java项目的自动构建和部署
    Nginx代理的几种模式
    Nginx配置与命令
    机器学习黄海广老师期末考试答题记录(得分100分)
    自律
    国内解决github无法访问的问题
  • 原文地址:https://www.cnblogs.com/pwindy/p/12937953.html
Copyright © 2020-2023  润新知