美文网首页
Ajax请求跨域问题

Ajax请求跨域问题

作者: w_nanan | 来源:发表于2017-11-01 20:06 被阅读7次
  1. 遇到ajax请求跨域问题,解决方式,改dataType为jsonp
$.ajax({
                type: "GET",
                url: "http://localhost:8080/data/info/page.jspx?node=domestic",
                dataType: "jsonp",
                success: function (data) {}
            });
  1. json和jsonp返回数据格式
    json格式
{
    "message":"获取成功",
    "state":"1",
    "result":{"name":"工作组1","id":1,"description":"11"}
}

jsonp格式

callback({
    "message":"获取成功",
    "state":"1",
    "result":{"name":"工作组1","id":1,"description":"11"}
})
  1. 后台接受参数,并修改返回数据格式 (return callBack + "(" + rsMsg.toJSONString() + ")";)
    @ResponseBody
    @RequestMapping(value = "/page.jspx", produces = "application/json;charset=utf-8")
    public String getInfoPage(HttpServletRequest request, HttpServletResponse response, Model modelMap) {
        JSONObject rsMsg = new JSONObject();
        String callBack = request.getParameter("callback");
        ...
        ...
        rsMsg.put("status", "200");
        rsMsg.put("message", "success");
        return callBack + "(" + rsMsg.toJSONString() + ")";
    }

相关文章

  • 前端跨域

    什么是ajax跨域 ajax跨域的原理 ajax出现请求跨域错误问题,主要原因就是因为浏览器的“同源策略”,可以参...

  • SpringMVC 进行ajax跨域请求访问

    关于 springmvc 3.x 版本对ajax跨域请求访问 ajax 请求后,浏览器出现跨域的问题那么在当前环境...

  • ajax跨域请求

    ajax跨域请求(jsonp) 利用JSONP解决AJAX跨域问题的原理与jQuery解决方案JSONP jQue...

  • 解决ajax跨域问题

    Jsonp解决ajax跨域问题 CORS解决ajax跨域问题

  • webpack+vue+axios 环境下的跨域问题

    问题 在项目中向后端进行 ajax 请求时,出现游览器阻止跨域请求的问题。 引入 axios,并解决跨域 axio...

  • 彻底让你明白跨域(服务器端为node)

    跨域只是针对ajax请求的。 如果产生跨域,那么将请求不到数据。 发起ajax请求所依赖的html页面的url地址...

  • 14-vue-cli脚手架配置代理

    1. 问题:如果解决前端的 ajax 请求跨域的问题 首先可以发送 ajax 请求的方法有哪些? xhr js自带...

  • 解决跨域问题

    概述 在浏览器端进行 Ajax 请求时会出现跨域问题,那么什么是跨域,如何解决跨域呢?先看浏览器端出现跨域问题的现...

  • 跨域问题

    概述 在浏览器端进行 Ajax 请求时会出现跨域问题,那么什么是跨域,如何解决跨域呢?先看浏览器端出现跨域问题的现...

  • Ajax跨域请求与SpringMVC结合的一些坑

    Ajax跨域的概念就不在这边陈述了... Ajax跨域请求真正的请求之前会进行一次预请求OPTIONS请求,为了让...

网友评论

      本文标题:Ajax请求跨域问题

      本文链接:https://www.haomeiwen.com/subject/oavfuxtx.html