2赞

Jsonp 关键字详解及json和jsonp的区别，ajax和jsonp的区别

作者：coco2冰冰 | 2022-11-05 12:05

这篇文章主要介绍了Jsonp关键字详解及json和jsonp的区别，ajax和jsonp的区别的相关资料,需要的朋友可以参考下

前言

　　第一次听说jsonp，其实早在2年之前。当时在做一个活动页面的抽奖模块，要从服务端get一个概率，当时什么都不懂，同事说用ajax，我就用ajax，同事说dataType改成jsonp，我就改成jsonp。于是乎活动页面做完了，以后也没有碰到过jsonp，在这期间我一直以为jsonp跟ajax息息相关，是xhr的一种特殊的跨域形式...直到一个月前的一次面试，问到jsonp我被虐成狗，才决定看下jsonp，好吧，原来jsonp也不是很难。

为什么要用jsonp？

　　相信大家对跨域一定不陌生，对同源策略也同样熟悉。什么，你没听过？没关系，既然是深入浅出，那就从头说起。

　　假如我写了个index页面，页面里有个请求，请求的是一个json数据（不知道json数据的猛戳JSON简介以及用法汇总），简单思考写下如下代码：






















    

    
        
            
            
                
                    
                
            

            
                coco2冰冰            

            
                这个屌丝很懒，什么也没留下！            
            
            

                                
                    
                    关注作者
                            

        
    


    
        Tags | 热门标签
        
            
                                
                    actionscrip
                
                                
                    bash
                
                                
                    c#
                
                                
                    c++
                
                                
                    c语言
                
                                
                    erlang
                
                                
                    flutter
                
                                
                    go
                
                                
                    golang
                
                                
                    java
                
                                
                    javascript
                
                                
                    lua
                
                                
                    node.js
                
                                
                    perl
                
                                
                    php
                
                                
                    python
                
                                
                    scala
                
                                
                    typescript
                
                                
            
        
    


    
        RankList | 热门文章
        
            
                                
                    1在Access Query中创建日期列表
                
                                
                    2功能(e)和功能()之间的区别
                
                                
                    3在pymongo中使用explain（“ executionStats”）进行查询
                
                                
                    4animate.css:重复动画
                
                                
                    5从cookie创建和读取列表<>
                
                                
                    6这是代码中的一种僵局吗？
                
                                
                    7在Node.js中使用进度信息快速复制文件？
                
                                
                    8从Node.js中Object的键值中提取值
                
                                
                    9显示名称列表在Recyclerview下的每个字母下按字母顺序Android
                
                                
                    10WordPress重定向插件不区分大小写的正则表达式
                
                                
                    11从Javascript中的两个嵌套数组中获取一个对象
                
                                
                    12如何将字段添加到log4j2的JSON日志
                
                                
                    13从对象数组中删除重复项
                
                                
                    14numpy dot()和Python 3.5+矩阵乘法之间的区别@
                
                                
                    15如何将后缀@ gmail.com添加到名称列表中
                
                                
                    16为什么QString和vector <unique_ptr <int >>在这里看起来不兼容？
                
                                
                    17R Caret的时间片-窗口和地平线不清晰
                
                                
                    18Makefile：如何在调用变量时增加变量？（bash中的var ++）
                
                                
                    19如何在Webpack中启用调试模式？
                
                                
                    20C++识别模板参数

DevBox开发工具箱 | 专业的在线开发工具网站