码迷,mamicode.com
首页 > Web开发 > 详细

jQuery Ajax 简单的实现跨域请求

时间:2017-01-12 18:23:54      阅读:214      评论:0      收藏:0      [点我收藏+]

标签:back   keyword   bmc   ade   art   content   date   clip   callback   

html 代码清单:

 

[html] view plain copy
 
 技术分享技术分享
  1. <script type="text/javascript" src="http://www.youxiaju.com/js/jquery-1.4.2.min.js"></script>  
  2. <script type="text/javascript">  
  3. $(function(){  
  4. $.ajax(  
  5.     {  
  6.         type:‘get‘,  
  7.         url : ‘http://www.youxiaju.com/validate.php?loginuser=lee&loginpass=123456‘,  
  8.         dataType : ‘jsonp‘,  
  9.         jsonp:"jsoncallback",  
  10.         success  : function(data) {  
  11.             alert("用户名:"+ data.user +" 密码:"+ data.pass);  
  12.         },  
  13.         error : function() {  
  14.             alert(‘fail‘);  
  15.         }  
  16.     }  
  17. );  
  18. })  
  19. </script>  


服务端 validate.php 代码清单:

 

 

[php] view plain copy
 
 技术分享技术分享
  1. <?php  
  2. header(‘Content-Type:text/html;Charset=utf-8‘);  
  3. $arr = array(  
  4.     "user" => $_GET[‘loginuser‘],  
  5.     "pass" => $_GET[‘loginpass‘],  
  6.     "name" => ‘response‘  
  7.   
  8. );  
  9. echo $_GET[‘jsoncallback‘] . "(".json_encode($arr).")";  


效果图:

技术分享

 

jQuery Ajax 简单的实现跨域请求

标签:back   keyword   bmc   ade   art   content   date   clip   callback   

原文地址:http://www.cnblogs.com/yhtboke/p/6279134.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!