数据载入中,请稍后......
 
展开
懒人码库客户端 点击或扫描下载
欢迎来到懒人码库!懒人码库QQ群:19651313
欢迎来到懒人码库!懒人码库QQ群:19651313  
当前位置:懒人码库 > 前端脚本 > AJAX

jQuery Ajax 简单的实现跨域请求

2015-11-23 14:09 来源:www.lanrenmaku.com / 作者:懒人 已被阅读:次 分类:AJAX 上一篇:浅析jquery ajax异步调用方法中不能给全局变量赋值的原因及解决方法 下一篇:没有了

html 代码清单:

  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 代码清单:

  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代码,图片特效,对联广告,日历控件,在线客服等。