总结整理关于跨域

Posted 2020-10-26 lianghong

1.

代理

北京的服务器：www.beijing.com/service.php

上海的服务器：www.beijing.com/proxy-shanghaiservice

比如在北京的web服务器后台（www.beijing.com/proxy-shanghaiservice）来调用上海服务器（www.shanghai.com/service.php）的服务，【在后端做了一个代理】然后再把响应结果返回给前端，这样前端调用北京同域名的服务就和调用上海的服务效果相同了。

北京要调用上海的服务器，不直接调用，建一个代理，北京访问代理

2.

JSONP

$("#search").click(function() {
                    $.ajax({
                        type: "GET",
                        url: "http://127.0.0.1:8000/ajaxdemo/serverjsonp.php?number=" + $("#keyword").val(),
                        dataType: "jsonp",
                        jsonp: "callback",
                        success: function(data) {
                            if(data.success) {
                                $("#searchResult").html(data.msg);
                            } else {
                                $("#searchResult").html("出现错误：" + data.msg);
                            }
                        },
                        error: function(jqXHR) {
                            alert("发生错误：" + jqXHR.status);
                        },
                    });
                });

3.

XHR

header("Content-Type: application/json;charset=utf-8"); 

4.