jQuery Ajax 简单的实现跨域请求


html 代码清单:

[html] view plain copy
<script type="text/javascript" src="http://www.youxiaju.com/js/jquery-1.4.2.min.js"></script>  
<script type="text/javascript">  
$(function(){  
$.ajax(  
    {  
        type:'get',  
        url : 'http://www.youxiaju.com/validate.php?loginuser=lee&loginpass=123456',  
        dataType : 'jsonp',  
        jsonp:"jsoncallback",  
        success  : function(data) {  
            alert("用户名:"+ data.user +" 密码:"+ data.pass);  
        },  
        error : function() {  
            alert('fail');  
        }  
    }  
);  
})  
</script>  

服务端 validate.php 代码清单:

<?php  
header('Content-Type:text/html;Charset=utf-8');  
$arr = array(  
    "user" => $_GET['loginuser'],  
    "pass" => $_GET['loginpass'],  
    "name" => 'response'  
  
);  
echo $_GET['jsoncallback'] . "(".json_encode($arr).")";  

效果图:

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM