jsonp jquery 实现跨域服务端 php

Myth丶恋晨 2022-05-12 05:06 130阅读 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 条评论，130人围观）

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

相关阅读

相关 jquery jsonp跨域请求

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

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

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

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

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

相关 jQuery JSONP 跨域实践

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

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

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

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

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

相关 jquery(jsonp) 跨域请求

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

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

相关 jQuery jsonp跨域请求

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

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

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

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

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

相关 jsonp跨域

1 (function(window, document, undefined) { 2 'use strict'; 3 var jsonp

╰半橙微兮°/ 2021年12月24日 02:17/ 0 赞/ 312 阅读

相关 jsonp跨域

域指的就是域名。域名对应的是一个IP地址。域名与IP地址的对应关系存储在域名服务器上。（DNS）所谓跨域　　1.就是跨域名，跨端口，跨协议

Love The Way You Lie/ 2021年09月20日 14:10/ 0 赞/ 407 阅读

相关 jQuery jsonp跨域请求原理

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

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