jQuery Ajax 简单的实现跨域请求

Posted 2020-08-27 Study_Work

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

效果图：