ajax跨域请求结合springmvc后台代码学习整理

ajax跨域请求,在工作中遇到使用ajax发起请求获取数据,但是请求的数据不在同一个域下,这样子就要使用到ajax的跨域请求了! 我使用的框架 SpringMVC,我在PC端的项目里面写一个接口方法,但是在wap项目中也要用改接口!下面贴出示例代码:

大家好,又见面了,我是全栈君。

ajax跨域请求,在工作中遇到使用ajax发起请求获取数据,但是请求的数据不在同一个域下,这样子就要使用到ajax的跨域请求了!
我使用的框架 SpringMVC,我在PC端的项目里面写一个接口方法,但是在wap项目中也要用改接口!下面贴出示例代码:
(1):前台请求代码
①:正常请求(不跨越)

$.ajax({
    url:'${pageContext.request.contextPath}/dufy/test',
    type:'get',
    data:{data:data},
    dataType:'json',
    success:function(data){
        //do something...
    },
    error: function(data){
        //do something...
    }

})

也可以使用 .getJSON() .getJSON的详情请点击 这里查看
②: 跨域请求

$(function(){ 
   
$.ajax({  
        type:'get',  
        url : '${pageContext.request.contextPath}/dufy/test',
        data:{data:data},
        dataType : 'jsonp',  
        jsonpCallback: 'callback',
        success  : function() { 
     
           //do something...
        },  
        error : function(data) { 
     
          //do something...
        }  
   });
})

function callback(data){ 
   
    var jsonobj = eval('(' + data + ')'); 
    if(jsonobj.orderCount!=""){
        //do something...
    } 
}

(2):后台代码

    @RequestMapping(value="/dufy/test",method=RequestMethod.GET)
    @ResponseBody
    public void test(HttpServletRequest request,HttpServletResponse response){
        response.setHeader("P3P", "CP=CAO PSA OUR");
        response.addHeader("Access-Control-Allow-Origin", "*");
        String data = request.getParameter("data");

        //1:业务逻辑
        JSONObject returnMap = new JSONObject();
        if(StringUtil.isEmpty(data)){
            returnMap.put("state", "error");
        }else{
            returnMap.put("state", "success");
        }
        //2:输入json数据到前台页面
        PrintWriter pWriter = null;
        try {
            pWriter = response.getWriter();

            String type = request.getParameter("type");
            if("pc".equals(type)){
                pWriter.write(returnMap.toJSONString());

            }else if("wap".equals(type)){   
                pWriter.write("callback('" + returnMap.toJSONString() + "')");
            }
        } catch (Exception e) {
            // TODO: handle exception
            e.printStackTrace();
        }finally{
            if(pWriter!=null){
                pWriter.flush();
                pWriter.close();
            }           
        }

    }

在使用过程注意:后台代码中的 callback要与前期台调用 jsonpCallback: ‘callback’, 对应!
但是实际过程中又遇到新的问题,这个callback不能直接后台硬编码写死!要不前台如果有两个以上的请求在js中写两个function callback() 就会有错误!函数名称相同了,那么怎么解决这个问题呢?
优化一下后台的代码:

...
//优化代码:添加后台获取callback
String callback = request.getParameter("callback");
...
//优化代码
pWriter.write(""+callback+"('" + returnMap.toJSONString() + "')");
//之前前代码
pWriter.write("callback('" + returnMap.toJSONString() + "')");

这样子就实现了动态化!

使用过程中如果有问题,欢迎一起讨论!
参考资料:
1:jquery中ajax处理跨域的三大方式
2:JQuery的Ajax跨域请求的解决方案
3:疯狂的JSONP
4:关于JSON与JSONP简单总结
5:window.name实现的跨域数据传输
6:JavaScript跨域总结与解决办法

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/121234.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • Centos7安装Promethus(普罗米修斯)监控系统完整版

    Centos7安装Promethus(普罗米修斯)监控系统完整版相关博文:1、Centos7安装Promethus(普罗米修斯)监控系统完整版2、Promethus(普罗米修斯)监控Mysql数据库3、Promethus(普罗米修斯)安装Grafana可视化图形工具4、Promethus的Grafana图形显示MySQL监控数据5、Promethus(普罗米修斯)的Grafana+onealert实现报警功能目录一、普罗米修斯…

  • Redis深度历险——核心原理与应用实践

    Redis深度历险——核心原理与应用实践

    2021年10月31日
  • android之存储篇_SQLite存储方式「建议收藏」

    SQLite是一种转为嵌入式设备设计的轻型数据库,其只有五种数据类型,分别是:    NULL: 空值    INTEGER: 整数    REAL: 浮点数    TEXT: 字符串    BLOB: 大数据  在SQLite中,并没有专门设计BOOLEAN和DATE类型,因为BOOLEAN型可以用INTEGER的0和1代替true和false,而DATE类型则可以拥有特

  • SSRF漏洞学习

    SSRF漏洞学习SSRF漏洞原理SSRF(Server-SideRequestForgery:服务器端请求伪造)是一个由攻击者构造请求,在目标服务端执行的一个安全漏洞。攻击者可以利用该漏洞使服务器端向攻击者构造的任意域发出请求,目标通常是从外网无法访问的内部系统。简而言之就是以服务器的身份来执行请求。常见利用方式伪协议读取文件伪协议读取文件,在SSRF中常用的伪协议就是file:///协议/?url=file:///var/www/html/flag.php内网访问我们从目标主机内

  • 蒲式耳,磅换算成公斤和吨

    蒲式耳,磅换算成公斤和吨一个小东西,给自己留作备份用的<!DOCTYPEhtml><htmllang="en"><head><metacharset

  • java工程师_Java工程师是青春饭吗?[通俗易懂]

    java工程师_Java工程师是青春饭吗?[通俗易懂]近两年,经常有一些互联网公司裁员的报道,大部分被裁员的都是中老年的开发人员,这就使得很多还没入行的人很疑惑,难道Java工程师是门青春饭吗?那我现在还要学Java吗?今天小编来给大家分析下Java工程师是不是吃青春饭的,现在还要不要学Java?首先来说说,为什么会有些开发人员会被裁掉呢?因为Java行业是竞争力比较大的行业,由于现在社会上的各种对Java行业的宣传,现在越来也多的年轻人学习Java…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号