使用jsonp实现ajax跨域请求

最新推荐文章于 2024-04-13 18:12:53 发布

mx5721

最新推荐文章于 2024-04-13 18:12:53 发布

阅读量739

点赞数

分类专栏： javascript JAVA 文章标签： ajax jsonp

本文链接：https://blog.csdn.net/mx5721/article/details/51004761

版权

javascript 同时被 2 个专栏收录

11 篇文章 0 订阅

订阅专栏

JAVA

5 篇文章 0 订阅

订阅专栏

众所周知，ajax在跨域请求的时候会被浏览器的安全策略所阻止，但是在企业级项目中，经常会有不同项目之间需要进行直接通信，如果希望使用ajax的HTTP方式进行跨域请求的话，这里jsonp就可以排上用场了。直接上代码：
前端页面（跨域请求方)：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="jquery.min.js"></script>
    <script>
      function load(data){
            alert(1);
        }
    </script>
    <script>
        $.getJSON("http://localhost:8080/FHMYSQL/weui/index?jsonp=?",function(data){
                alert(data[0].name);
        })

    </script>
</head>
<body>

</body>
</html>

后台代码(被跨域代码)：

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%=request.getParameter("jsonp")+"([{\"name\":\"value1\"}])"%>

这里会返回类似jsondsdf133527([{name:value1}])这样的回掉函数，去主动调用调用方ajax提供的回掉函数，这样就实现了跨域访问。不过这种跨域需要目标站后台的配合。

mx5721

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
使用jsonp实现ajax跨域请求

众所周知，ajax在跨域请求的时候会被浏览器的安全策略所阻止，但是在企业级项目中，经常会有不同项目之间需要进行直接通信，如果希望使用ajax的HTTP方式进行跨域请求的话，这里jsonp就可以排上用场了。直接上代码：前端页面（跨域请求方)：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title><
复制链接

扫一扫

专栏目录