jsonp跨域技术【php技术】

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.')';

jsonp跨域技术【php技术】

猜你在找的Json相关文章