jQuery Ajax 简单的实现跨域请求

来源:互联网 发布:cf手游官网体验数据 编辑:程序博客网 时间:2024/04/27 13:37

html 代码清单:

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

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

效果图:


6 5