当前位置： 首页 > news >正文

JSONP跨域

news 2026/4/7 21:25:05

1 概述

定义

json存在的意义：

不同类型的语言，都能识别json

JSONP(JSON with Padding)是JSON的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。由于同源策略，一般来说位于 server1.example.com 的网页无法与不是 server1.example.com的服务器沟通，而 HTML 的

image-20240731100716457

  • 跨域：浏览器A从服务器B获取的静态资源，包括Html、Css、Js，然后在Js中通过Ajax访问C服务器的静态资源或请求。即：浏览器A从B服务器拿的资源，资源中想访问服务器C的资源。
  • 同源策略：同一个请求协议(如：Http或Https)、同一个Ip、同一个端口，3个全部相同，即为同源。

2 demo

后端

<?php$arr=["name"=>"woniu","age"=>20];//把数组转成json字符串,$json = json_encode($arr);//输出echo $json;
?>

前端

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script src="./jquery-3.4.1.min.js"></script>
</head>
<body><h1>前端</h1><script>$.getJSON("后端的地址",function(data){alert(JSON.stringify(data));})</script>
</body>
</html>

用户访问

192.168.190.134/woniu/demo31.html

查看控制台：

image-20240731102921872

解决方案

  • JSONP
  • CORS

3 JSONP

image-20240731105929545

image-20240731112347075

后端

<?php$arr=["name"=>"woniu","age"=>20];//把数组转成json字符串,$json = json_encode($arr);$callback = $_GET["callback"]; // 函数对象, 字符串//输出///echo $json;echo "$callback('$json')";
?>

前端

# 方法一：
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script src="./jquery-3.7.1.min.js"></script>
</head>
<body><h1>前端</h1><script>// function xxx(data){//     // 后端返回的data json//     console.log("999");// }</script><script>$.getJSON("http://192.168.190.133/wh069/demo31.php?callback=?",function(data){alert(JSON.stringify(data));// alert(JSON.parse(data));  // 反序列化 // json：序列化和反序列化})</script>
</body>
</html># 方法二：
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script src="./jquery-3.7.1.min.js"></script>
</head>
<body><h1>前端</h1><script>function xxx(data){// 后端返回的data jsonalert(JSON.stringify(data));}</script><script src="http://192.168.190.133/wh069/demo31.php?callback=xxx"></script>
</body>
</html>

相关文章：

JSONP跨域

1 概述 定义 json存在的意义&#xff1a; 不同类型的语言&#xff0c;都能识别json JSONP(JSON with Padding)是JSON的一种“使用模式”&#xff0c;可用于解决主流浏览器的跨域数据访问的问题。由于同源策略&#xff0c;一般来说位于 server1.example.com 的网页无法与不是 s…...

编程日记 2024/8/7 23:14:47

Linux--shell脚本语言—/—终章

一、shell函数 1、shell函数定义格式 参数说明&#xff1a; 1、可以带function fun() 定义&#xff0c;也可以直接fun() 定义,不带任何参数。 2、参数返回&#xff0c;可以显示加&#xff1a;return 返回&#xff0c;如果不加&#xff0c;将以最后一条命令运行结果&#xff…...

编程日记 2024/8/7 23:12:45

免费代理池是什么，如何使用代理IP进行网络爬虫？

互联网是一个庞大的数据集合体&#xff0c;网络信息资源丰富且繁杂&#xff0c;想要从中找到自己需要的信息要花费较多的时间。为了解决这个问题&#xff0c;网络爬虫技术应运而生&#xff0c;它的主要作用就是在海量的互联网信息中进行爬取&#xff0c;抓取有效信息并存储。然…...

编程日记 2024/8/7 23:11:44

CAN直接网络管理(20240805)

长安CAN网络管理规范 个人理解&#xff1a;管理CAN网络中各NM节点的工作模式&#xff08;状态&#xff09;&#xff1b; 1.术语定义 &#x1f449;节点地址&#xff1a;用于唯一标识网络中每个节点的单字节数字&#xff0c;取值范围是 0x00~0xFF。&#x1f449;状态迁移&#x…...

编程日记 2024/8/7 23:10:44

HTML5+CSS3笔记（Xmind格式）：第二天

Xmind鸟瞰图&#xff1a; 简单文字总结&#xff1a; 新增选择器&#xff1a; 1.选择相邻兄弟 2.属性选择器 3.结构性伪类选择器 4.整体结构类型 5.标签结构类型 6.指定子元素的序号 7.文本选择伪元素 8.表单中使用的状态伪类选择器 9.内容…...

编程日记 2024/8/7 23:08:42

视频压缩文件太大了怎么缩小？6个视频压缩技巧，速度收藏起来！

高清视频文件&#xff0c;尤其是那些以 1080p 和 720p 清晰度为特征的视频&#xff0c;通常都拥有相当大的体积&#xff0c;会占据大量计算机存储空间。因此&#xff0c;为了更好地将它们进行分享和存储&#xff0c;您可能需要对它们进行压缩&#xff0c;以减小它们的尺寸。然而…...

编程日记 2024/8/7 23:07:40

Python接口自动化测试数据提取分析：Jmespath

1、引言 在处理JSON数据时&#xff0c;我们常常需要提取、筛选或者变换数据。手动编写这些操作的代码不仅繁琐&#xff0c;而且容易出错。Python作为一个功能强大的编程语言&#xff0c;拥有丰富的库和工具来处理这些数据。今天&#xff0c;将介绍一个实用的Python库——JMESP…...

编程日记 2024/8/7 23:06:39

特种设备作业叉车司机题库及答案

1.在我们平时工作中&#xff0c;经常接触的汽油、柴油、机油、油棉纱、木材等均为() A、助燃物质 B、可燃物质 C、着火源 参考答案:B 2.叉车满载行驶时&#xff0c;如合成重心靠后() A、有利于纵向稳定 B、有利于横向稳定 C、纵向和横向均有利 参考答案:A 3.蓄电池车行驶中放…...

编程日记 2024/8/7 23:05:38

Linux 操作系统速通

一、安装虚拟机 1. VmWare 安装下载 vmware workstation pro 16 下载 win R 输入 ncpa.cpl 确保网卡正常 2. CentOS 系统下载 CentOS 系统下载 将 CentOS 系统安装到虚拟机 3. 查看虚拟机 IP 命令 ifconfig 4. finalShell 安装下载 finalShell 下载 输入用户名一般是 ro…...

编程日记 2024/8/7 23:04:37

IIS漏洞大全（附修复方法）

IIS6.0 IlS Server 在 Web 服务扩展中开启了 WebDAV&#xff0c;配置了可以写入的权限&#xff0c;造成任意文件上传。 漏洞复现 fofa:"llS-6.0" or 本地搭建2003 server 1)开启 WebDAV 和写权限: 做好准备工作后开启环境&#xff0c;然后我们去访问配置的IP&#…...

编程日记 2024/8/7 23:03:36

HarmonyOS笔记3：从网络数据接口API获取数据

面向HarmonyOS的移动应用一般采用MVVM模式&#xff08;见参考文献【1】&#xff09;&#xff0c;其中&#xff1a; M&#xff08;Model层)&#xff1a;模型层&#xff0c;存储数据和相关逻辑的模型。它表示组件或其他相关业务逻辑之间传输的数据。Model是对原始数据的进一步处理…...

编程日记 2024/8/7 23:01:34

Mac 下生成core dump

mac下生成core dump 使用ulimit -c查看ulimit设置,显示unlimited表示开启,显示0表示关闭,通过ulimit -c unlimited打开设置; 但是这个只在当前窗口有效果。如果需要变成系统全局设置。 就需要去改/etc/profile文件&#xff0c;打开&#xff0c;然后加上ulimit -c unlimited就可…...

编程日记 2024/8/7 23:00:33

详解Xilinx FPGA高速串行收发器GTX/GTP（1）--SerDes和GTX的关系

目录 1、SerDes和GTX的关系 2、传输总线的变化 2.1、从串行到并行 2.2、从并行又回到串行 文章总目录点这里：《FPGA接口与协议》专栏的说明与导航 1、SerDes和GTX的关系 Hold On，这个系列文章不是讲GTX收发器的吗？怎么一开始就扯到SerDes上了？GTX和SerDes之间有…...

编程日记 2024/8/7 22:55:28

golang实现Digest认证鉴权接口

什么是Digest认证鉴权接口？ Digest认证鉴权接口是一种基于摘要算法的身份验证方法，用于确保API请求的安全性。在实际应用中，常常使用HTTP协议的Digest认证鉴权接口来验证请求的合法性。下面是一种常见的Digest认证鉴权流程： 1. 客户端发送HTTP请求到服务器，请求接口资源…...

编程日记 2024/8/7 22:53:27

机房托管服务器说明

机房托管服务器是指将企业或个人的服务器放置到专业数据中心(IDC机房)进行管理和维护&#xff0c;由数据中心提供稳定、安全的运行环境以及网络连接等基础设施支持。rak小编为您整理发布机房托管服务器说明详细内容。 通过托管服务器到专业机房&#xff0c;企业能够享受到高性能…...

编程日记 2024/8/7 22:52:26

CookieMaker工作室合作开发C++项目十一：拟态病毒

&#xff08;注&#xff1a;本文章使用了“无标题技术”&#xff09; 一天&#xff0c;我和几个同事&#xff0c;平台出了点BUG&#xff0c;居然给我刷出了千年杀&#xff0c;同事看得瑕疵欲裂&#xff0c;发誓要将我挫骨扬灰—— &#xff08;游戏入口&#xff1a;和平精英31.…...

编程日记 2024/8/7 22:51:25

57、PHP 实现 从扑克牌中随机抽取5张牌，判断是不是一个顺子

题目&#xff1a; PHP 实现 从扑克牌中随机抽取5张牌&#xff0c;判断是不是一个顺子 描述&#xff1a; 即这5张牌是不是连续的2-10位数字本身&#xff0c;A为1&#xff0c;J为11&#xff0c;Q为12&#xff0c;K为13&#xff0c;而大小王可以看成任意数字。 解题思路&#xf…...

编程日记 2024/8/7 22:48:22

前端HTML+CSS查漏补缺——仿制百度搜索首页的一些思考

在像素模仿百度搜索首页的时候&#xff0c;在实现的时候&#xff0c;遇到了一些值得记录的点。 在这个过程中&#xff0c;也顺便看了看百度的源码&#xff0c;感觉很有意思。 对了&#xff0c;QQ截屏里面获取到的颜色&#xff0c;是不大正确的&#xff0c;会有点误差。 这是我…...

编程日记 2024/8/7 22:46:20

【Python】实现一个个人理财助手小程序

以下是一个简化的 Python 代码框架&#xff0c;以及如何实现上述功能点的基本思路&#xff0c;可以基于这个框架进一步开发和完善你的小程序。 以下是一个简化的 Python 代码框架&#xff0c;使用了基本的类和函数来模拟上述功能&#xff1a; import pandas as pd from crypt…...

编程日记 2024/8/7 22:45:19

【GCC】结合GPT4 延迟梯度学习2：延迟梯度的计算及阈值更新

上文，充分发现了 排队梯度延迟的重要性， 【GCC】结合GPT4 延迟梯度学习1：公式推导及理论分析 例如： 延迟梯度为正数时，是单位时间内的排队队列长度的“增长速度” 延迟梯度与 发送速率（接收速率？）有直接的关系。 因为有 观测误差、随机因素、噪声，所以要对延迟梯度进行…...

编程日记 2024/8/7 22:43:17

保姆级教程：手把手教你用Dify 0.6.0源码搭建自己的AI工作流引擎（附避坑指南）

从零构建AI工作流引擎&#xff1a;Dify 0.6.0源码实战指南 当你第一次打开Dify的源码仓库&#xff0c;可能会被那些复杂的目录结构和抽象类搞得一头雾水。别担心&#xff0c;三周前我也和你一样&#xff0c;直到我亲手将这套系统跑起来并修改了第一个工作流节点。本文将带你用最…...

编程新知 2026/4/7 20:37:58

终极指南：如何构建轻量级Arduino设备与Home Assistant的无缝MQTT集成

终极指南&#xff1a;如何构建轻量级Arduino设备与Home Assistant的无缝MQTT集成 【免费下载链接】arduino-home-assistant ArduinoHA allows to integrate an Arduino/ESP based device with Home Assistant using MQTT. 项目地址: https://gitcode.com/gh_mirrors/ar/ardui…...

编程新知 2026/4/7 20:33:57

从广播风暴到安全隔离：用Wireshark抓包分析VLAN工作原理（实验对比版）

从广播风暴到安全隔离&#xff1a;用Wireshark抓包分析VLAN工作原理&#xff08;实验对比版&#xff09; 当你按下回车键发送一个广播消息时&#xff0c;这个数据包会像野火一样蔓延到整个网络——至少在没有VLAN的传统以太网中是这样。我曾亲眼见证过一个简单的ARP请求如何拖垮…...

编程新知 2026/4/7 20:31:55

G-Helper华硕优化工具：5分钟解锁300%性能提升的轻量级解决方案

G-Helper华硕优化工具&#xff1a;5分钟解锁300%性能提升的轻量级解决方案 【免费下载链接】g-helper Lightweight, open-source control tool for ASUS laptops and ROG Ally. Manage performance modes, fans, GPU, battery, and RGB lighting across Zephyrus, Flow, TUF, S…...

编程新知 2026/4/7 18:56:23

实用高效：B站缓存视频无损转换工具m4s-converter完全指南

实用高效&#xff1a;B站缓存视频无损转换工具m4s-converter完全指南 【免费下载链接】m4s-converter 一个跨平台小工具&#xff0c;将bilibili缓存的m4s格式音视频文件合并成mp4 项目地址: https://gitcode.com/gh_mirrors/m4/m4s-converter 还在为B站缓存视频无法在其…...

编程新知 2026/4/7 17:28:54

如何快速安装和配置Pop Shell：面向初学者的完整教程

如何快速安装和配置Pop Shell&#xff1a;面向初学者的完整教程 【免费下载链接】shell Pop!_OS Shell 项目地址: https://gitcode.com/gh_mirrors/sh/shell Pop Shell是一款功能强大的窗口管理扩展&#xff0c;专为提升Linux桌面操作效率设计。本教程将带您逐步完成Pop…...

编程新知 2026/4/7 17:04:46

FlaskBB数据库设计与模型：理解论坛底层架构

FlaskBB数据库设计与模型&#xff1a;理解论坛底层架构 【免费下载链接】flaskbb A classic Forum Software in Python using Flask. 项目地址: https://gitcode.com/gh_mirrors/fl/flaskbb FlaskBB作为一款基于Python Flask框架的经典论坛软件&#xff0c;其高效稳定的…...

编程新知 2026/4/7 16:56:44

从零到上线仅需4步，Mojo调用Python生态的隐藏API全解密，内部技术白皮书首次公开

第一章&#xff1a;从零到上线仅需4步&#xff0c;Mojo调用Python生态的隐藏API全解密&#xff0c;内部技术白皮书首次公开Mojo 作为新一代系统级编程语言&#xff0c;原生支持无缝调用 Python 生态——但其关键能力并非来自 import 语句&#xff0c;而是通过未公开的 python 装…...

编程新知 2026/4/7 16:46:37

Diablo Edit2：革新性暗黑破坏神II角色编辑工具，一站式定制你的完美角色

Diablo Edit2&#xff1a;革新性暗黑破坏神II角色编辑工具&#xff0c;一站式定制你的完美角色 【免费下载链接】diablo_edit Diablo II Character editor. 项目地址: https://gitcode.com/gh_mirrors/di/diablo_edit Diablo Edit2是一款功能强大的开源暗黑破坏神II角色…...

编程新知 2026/4/7 15:27:13

WINDOWS11 + VS2022 下.NET 4.0兼容性问题的终极解决方案

1. 为什么Windows11VS2022需要特殊处理.NET 4.0&#xff1f; 最近在帮团队迁移老项目时&#xff0c;发现一个让人头疼的问题&#xff1a;用VS2022打开十年前基于.NET 4.0的项目时&#xff0c;编译器疯狂报错。明明系统已经装了.NET 4.0运行时&#xff0c;为什么还会出现这种情…...

编程新知 2026/4/7 15:06:57