html代码
- <html>
- <head>
- <metahttp-equiv="content-type"content="text/html;charset=utf-8">
- <title>jsonp跨域技术</title>
- <styletype="text/css">
- #h1{
- text-align:center;
- }
- #div{
- margin:0auto;
- width:300px;
- height:200px;
- background:#ccc;
- }
- button{
- display:block;
- margin:0auto;
- }
- </style>
- </head>
- <body>
- <h1id='h1'>jsonp跨域技术</h1>
- <divid='div'>
- </div>
- <h1id='h1'><script>document.write(newDate())</script></h1>
- <buttonid="bid"name="button"onclick="fun()">jsonp请求数据</button>
- </body>
- <script>
- //实现js与php发生数据交互的一种技术，js通过请求php脚本，然后得到响应数据,最核心的作用是实现js跨域,跨域就是跨主机或者跨服务器
- //为什么要用jsonp技术，是因为ajax技术无法跨域
- functionfasong3(data){
- //alert(data.name);//弹出
- //alert(data.age);
- varstr="";
- str+="name:"+data.name+"<br>";
- str+="age:"+data.age+"<br>";
- document.getElementById('div').innerHTML=str;
- }
- functionfun(){
- varobj=document.createElement("script");//创建标签
- obj.src="http://192.168.11.188/index111.php?cb=fasong3";//请求地址
- document.body.appendChild(obj);//绑定子类
- }
- </script>
- </html>
http://192.168.11.188/服务器地址代码
- <?php
- $fasong3=$_GET["cb"];
- //echo"<script>$fasong3('1111111')</script>";
- $str='{"name":"nihao","age":"30"}';
- echo$fasong3.'('.$str.')';
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。