zoukankan      html  css  js  c++  java
  • Jsonp 跨域 处理

    什么是跨域:

    1、域名不同

    2、域名相同端口不同。

      解决js的跨域问题可以使用jsonp。

      Jsonp不是新技术,跨域的解决方案。使用js的特性绕过跨域请求。Js可以跨域加载js文件。 

    Jsonp原理

    利用js可以跨域加载js文件来实现跨域请求

    Jsonp 前端代码:

    $.ajax({
                     type: "get",
                     async:false,
                     url: "http://localhost:8199/query/queryCompanyTotalRank",
                     dataType: "jsonp",
                     jsonpCallback:"jsonpCallback",              
                     success: function(data){
                       var oUl = document.getElementById('companyReportData');
                            var html='';
                             for(var i = 0;i<data.length;i++){
                                     html+='<tr><td>'+data[i].companyTotalRank+'</td><td>'+data[i].companyName
                                     +'</td><td>'+data[i].companyReport+'</td><td>'+data[i].companyReportform+'</td><td>'
                                     +data[i].companyTotal+'</td></tr>'
                             }
                             oUl.innerHTML = html;
                     }
                 }); 
       
       
    });

    Jsonp 后端代码: 

    //编制单位总量
    @RequestMapping(value = "/queryCompanyTotalRank")
    public void queryCompanyTotalRank(HttpServletResponse resp){
        ArrayList<CompanyArchivesOne> list11 = new ArrayList<>();
        JSONArray listArray = JSONArray.fromObject(list11);
        String json = listArray.toString();
        String jsonp = "jsonpCallback(" + json + ")";
        try {
            PrintWriter pw = resp.getWriter();
            pw.print(jsonp);
        } catch (Exception e) {
           e.printStackTrace();
        }
    
    }
  • 相关阅读:
    linux 创建python虚拟环境
    dic1.update(dic2)和{**dic2, **dic1}的区别
    redis
    电脑开机一卡一卡的,重启就好了
    股东大会和董事会的区别
    word空白框打钩
    计划资产回报
    成本法为什么要转权益法
    租赁负债
    AIDA64序列号
  • 原文地址:https://www.cnblogs.com/jingjiren/p/12408105.html
Copyright © 2011-2022 走看看