jsonp jquery 实现跨域服务端 php

Myth丶恋晨 2022-05-12 05:06 267阅读 0赞

--------------------

注： ***jsonp只支持get方式***

--------------------

## html ##

<!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title></title>
        <link rel="stylesheet" href="">
    </head>
    <body>
        <script src="./jquery-3.3.1.min.js"></script>
        <script> (function(){ $.ajax({ url: "http://192.168.1.111/jsonp.php", type: "get", dataType : "jsonp", data: "", success: function (data) { console.log(data); }, error: function () { console.log("error"); } }); })(); </script>
    </body>
    </html>

## php ##

<?php $jsonp = $_GET['callback'];//get接收jsonp自动生成的函数名 $arr = array( 'id' => 'asdf', 'name' => 'eric' ); echo $jsonp.'('. json_encode($arr). ')'; //jsonp函数名包裹json数据 ?>

## 效果如下： ##

![这里写图片描述][70]

--------------------

--------------------

![这里写图片描述][70 1]

--------------------

--------------------

![这里写图片描述][70 2]

[70]: /images/20220512/14a008c323e940788d9d19e1dad2acdd.png
[70 1]: /images/20220512/927f52ece60d48448c067ec5103bf7e9.png
[70 2]: /images/20220512/a278767856024b07854d1bb0f96171a0.png

发表评论取消回复

表情：

评论列表（有 0 条评论，267人围观）

还没有评论，来说两句吧...

相关阅读

相关原生js实现jsonp跨域 jquery 实现跨域 vue实现跨域请求

原生js实现jsonp跨域 jquery 实现jsonp跨域 vue实现http跨域请求在不同域名下请求数据就会产生跨域问题同源：同一协议，同一域名，同一端口号。

待我称王封你为后i/ 2023年06月22日 04:29/ 0 赞/ 102 阅读

相关 jquery jsonp跨域请求

<form id="form" action="\" method="post"> <ul> <li><label>标题：</label><inp

太过爱你忘了你带给我的痛/ 2022年08月23日 05:38/ 0 赞/ 326 阅读

相关 ajax+jsonp+php 实现跨域请求

前端 html代码 <li>北京</li> js代码 $("li").click(function()\{ var area = $(this).text(

痛定思痛。/ 2022年08月22日 00:26/ 0 赞/ 338 阅读

相关 jQuery JSONP 跨域实践

jQuery JSONP 跨域实践一客户端([url:http://192.168.1.2:81/jsonp\_test.jsp][url_http_192.168.

谁践踏了优雅/ 2022年08月10日 00:47/ 0 赞/ 187 阅读

相关 jQuery+Ajax+jsonp+java实现跨域访问

前端： $.ajax({ type:"GET", url:"http://www.deardull.c

╰半夏微凉°/ 2022年06月04日 02:49/ 0 赞/ 358 阅读

相关 jquery(jsonp) 跨域请求

测试jquery跨域记录：前台： <script type="text/javascript" src="<{$Think.const.WWW_URL}>

╰+攻爆jí腚メ/ 2022年05月28日 08:43/ 0 赞/ 409 阅读

相关 python+ajax+jsonp具体实现，基于jQuery实现的python服务端的jsonp跨域请求方案

说明：在代码中已经做好了注释，细看理解再实践，这里用的后端是python，其他语言逻辑是一样的 1、版本one 前端（设置端口与后端不同，与后端不再一个频道～，跨域了）

Dear 丶/ 2022年05月26日 03:43/ 0 赞/ 68 阅读

相关 jQuery jsonp跨域请求

跨域的安全限制都是对浏览器端来说的，服务器端是不存在跨域安全限制的。浏览器的同源策略限制从一个源加载的文档或脚本与来自另一个源的资源进行交互。如果协议，端口和主机对于两

曾经终败给现在/ 2022年05月21日 12:53/ 0 赞/ 505 阅读

相关 jsonp jquery 实现跨域服务端 php

-------------------- 注： jsonp只支持get方式 -------------------- html <!DOCTYPE html

Myth丶恋晨/ 2022年05月12日 05:06/ 0 赞/ 268 阅读

相关 jQuery jsonp跨域请求原理

转载自：[https://www.cnblogs.com/chiangchou/p/jsonp.html][https_www.cnblogs.com_chiangchou_p

Bertha 。/ 2021年09月18日 03:28/ 0 赞/ 618 阅读