jsonp

面试常问：JSONP原理及与AJAX关系
最新推荐文章于 2025-12-05 11:24:16 发布
原创 最新推荐文章于 2025-12-05 11:24:16 发布 · 356 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#jsonp #ajax

博客围绕面试常问的JSONP相关问题展开。介绍了JSONP原理，即利用script的src发送跨域请求，服务器返回带数据的方法调用。还解答了JSONP能否发POST请求（不能），以及JSONP和AJAX的关系（无），包括jQuery中二者也无实质关系。

面试常问问题
jsonp的原理
利用script的src发送跨域请求，服务器返回一个方法的调用，并且有数据。
jsonp能不能发送post请求？
不能，数据都在URL里面只能发送post。
jsonp和ajax有没有关系？
没有。
jquery中的jsonp和ajax有没有关系？
没有，jquery中只是为了方便调用才这么封装的，跟ajax没有半毛钱关系。

JSONP原理及简单实现
10-22
JSONP（JSON with Padding）是一种解决跨域请求限制的方法。在Web2.0时代，AJAX是前端开发中不可或缺的技术，然而出于安全考虑，浏览器对跨域请求进行了限制。在同源策略的限制下，浏览器只允许与自己域内的服务器...
JSONP实现跨域请求 不支持POST!
u010200636的专栏
10-15 9578
二、JSONP JSONP 是 JSON with padding（填充式 JSON 或参数式 JSON）的简写。 JSONP实现跨域请求的原理简单的说，就是动态创建<script>标签，然后利用<script>的src 不受同源策略约束来跨域获取数据。 JSONP 由两部分组成：回调函数和数据。回调函数是当响应到来时应该在页面中调用的函数。回调函数的名字一般是在...
jsonp支持post提交吗？
热门推荐
淡淡的专栏
05-14 1万+
JSONP是一种非官方协议，可以解决AJAX跨域提交数据情况。 安全部门的同事测试发现，都是GET的请求，相比较而言不如POST安全，还是尽量改了吧。 拖啊拖，终于还有别的业务要这个接口，想了想还是改了吧，反正听人劝吃饱饭嘛 。但是，JSONP真的支持POST提交吗？ 先是一天夜里加班无聊，做了一下POST，发现请求发送过去的METHOD为OPTIONS，而不是POS
关于jsonp使用post请求
夜轩14
09-20 8615
今天看到一段代码jsonp请求使用了post，很困惑，看了一点资料，首先jsonp的请求方式在后台方面不能规定用post请求，这样会报错，在没有规定的情况下 If you specify dataType: “jsonp” and type “POST”, the “jsonp” takes precedent and it gets sent as a “GET” request (the “P...
Jsonp请求只能是GET不能是POST
YingZiBo的博客
12-05 6203
现象： 1）controller中限定方法为get请求method=RequestMethod.GET 2）接口测试工具，使用POST请求不成功，后台报错 [org.springframework.web.servlet.PageNotFound] - Request method ‘POST’ not supported 3）前端ajax调用同样的接口，type:POST,dataTy
说说JSONP
yjclsx的博客
07-31 1047
原文地址：http://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jQuery.html 一、前言： 说到AJAX就会不可避免的面临两个问题，第一个是AJAX以何种格式来交换数据？第二个是跨域的需求如何解决？这两个问题目前都有不同的解决方案，比如数据可以用自定义字符串、XML、JSON等等来描述，跨域可以通过服务器端代理（如...
JSONP
Sfvopvco的博客
03-13 212
此外，JSONP存在一些安全性方面的问题，因为它需要在客户端执行返回的JavaScript代码，所以需要确保返回的代码是安全的。通过在客户端动态创建一个script标签，可以将请求发送到另一个域，并在该域返回一个JavaScript函数调用，函数参数是请求的数据，从而实现跨域数据的获取。JSONP的原理是利用了浏览器对script标签跨域请求的支持，通过在URL中添加回调函数名参数，让服务器返回一个JavaScript函数调用，函数参数是请求的数据。希望这可以帮助你理解JSONP的工作原理。
JsonP
欢迎来到我的博客，一起学习Java！
10-11 1054
什么是 JsonP Jsonp(JSON with Padding) 是 json 的一种"使用模式"，可以让网页从别的域名（网站）那获取资料，即跨域读取数据。 为什么我们从不同的域（网站）访问数据需要一个特殊的技术(JSONP )呢？这是因为同源策略。 什么是跨域？ 跨域是指一个域（网站）下的文档或脚本试图去请求另一个域（网站）下的资源。 什么是同源策略？ ...
jsonp的封装
太阳与星辰的博客
03-21 339
jsonp的封装
java中的JSONP使用实例详解
10-19
JSONP（JSON with Padding）是一种跨域数据交互协议，它利用了`<script>`标签可以跨域加载资源的特性来实现浏览器与服务器之间的数据通信。在JavaScript中，由于同源策略的限制，Ajax通常无法进行跨域请求，而JSONP...
VUE2.0中Jsonp的使用方法
10-18
在VUE2.0中使用JSONP是一种跨域数据请求的技术，它允许在不同的源之间共享数据，尤其是在浏览器端发起跨域请求时，JSONP（JSON with Padding）可以绕过浏览器同源策略的限制。这种技术的核心在于动态创建script元素...
Vue项目中使用jsonp抓取跨域数据的方法
10-16
在终端中运行`npm install jsonp`，这将安装一个名为`jsonp`的npm包，该包提供了JSONP的实现。 接下来，我们创建一个新的`jsonp.js`文件，在其中封装一个名为`jsonp`的函数。这个函数接收三个参数：`url`、`data`和...
JSONP简介
闲余知道
07-31 354
JSONP简介
第六篇：Day16-18 AJAX进阶+接口对接——实现“前后端数据交互”（对标职场“接口开发”核心需求）
最新发布
2402_87628679的博客
12-05 974
能熟练使用Fetch API实现GET/POST请求，掌握“请求配置-响应解析-异常处理”全流程，理解异步请求的核心逻辑；能独立解决跨域问题（开发环境代理+生产环境CORS），掌握文件上传、请求中断等复杂接口场景的实现技巧；能对接后端接口规范，实现“数据获取-表单提交-文件上传”等完整业务流程，理解Token身份验证的实现逻辑；完成作业：基于本文代码，添加“头像裁剪”功能（用cropper.js库），裁剪后再上传；同时实现“多文件上传”功能，支持批量选择图片并显示各自上传进度。
技术演进中的开发沉思-224 Ajax面向对象与框架
你的天空阅读专栏
12-02 1885
摘要：JavaScript面向对象编程（OOP）通过类与实例、继承、封装等特性，将零散代码升级为模块化系统。类作为"蓝图"定义规格，实例作为"产品"实现复用；继承通过原型链、对象冒充和组合方式实现功能扩展；封装通过公有/私有成员保护核心逻辑。JSVM框架则通过类引用、路径配置和按需加载，解决大型项目中类管理难题。OOP使JavaScript从简单脚本语言发展为支持工程化开发的工具，为现代前端框架奠定基础。（149字）
Ajax与Axios终极对比指南全方位对比解析
小伙伴们全都Lucky！
12-02 848
本文深入对比了Ajax和Axios两种HTTP请求技术。Ajax是基于XMLHttpRequest的原生技术集合，需要手动处理请求和响应；Axios是基于Promise的现代化封装，提供统一API和拦截器系统。两者在配置能力、错误处理、性能等方面存在差异：Ajax更底层但配置有限，Axios功能丰富但略有性能开销。文章通过代码示例展示了请求实现差异，并给出技术选型建议：学习阶段使用Ajax理解原理，项目开发推荐Axios提高效率。最终指出Ajax是技术基础，而Axios已成为现代化前端开发的事实标准。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值