使用jsonp完美解决跨域问题

最新推荐文章于 2023-09-26 11:51:13 发布

转载最新推荐文章于 2023-09-26 11:51:13 发布 · 146 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/rnckty/p/5345979.html

文章标签：

#json #postman

本文介绍了在调用Web接口时遇到的跨域问题及解决方案。通过使用JSONP格式和设置Ajax请求参数dataType为'JSONP'的方式实现跨域请求。

调用web接口，get请求，发现提示：No 'Access-Control-Allow-Origin' header is present on the requested resource.

这个和安全机制有关，默认不允许跨域调用

处理手段：使用jsonp格式， ajax请求参数dataType:'JSONP'。

$.ajax({
            url: url,
            type: 'GET',
            dataType: 'JSONP',//here
            success: function (result) {
                if( result.status == 0 ){
                    alert("定位成功");
                }else{
                    if( confirm("获取位置失败，是否重新获取？") ){
                        getMap();
                    }else{
                        return false;
                    }
                }
                
            }
        });