jsonp跨域技术【php技术】

发布时间：2020-12-16 19:23:39 所属栏目：百科来源：网络整理

导读：html代码 html head meta http-equiv = "content-type" content = "text/html;charset=utf-8" title jsonp跨域技术 / title style type = "text/css" #h1{ text-align:center; } #div{ margin:0auto; width:300px; height:200px; background:#ccc; } button{

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('2222211')</script>";
  
  $str='{"name":"nihao","age":"30"}';
  
  echo$fasong3.'('.$str.')';

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!