八戒的博客

新浪微博腾讯微博

最新微语:人梦想是永远都不会终结的![嘻嘻]

您的位置:八戒的博客 >JavaScript/AJAX> jQuery Ajax 简单的实现跨域请求

jQuery Ajax 简单的实现跨域请求

<!-- html 代码清单: -->

<!DOCTYPR html>

<htmllang="zh-cn">

<head>

<metahttp-equiv="Content-Type"content="text/html; charset=utf-8"/>

 

</head>

<body>

<center><h3>李二蛋AJAX跨域测试</h3>

<!-- html 代码清单: -->

<scripttype="text/javascript"src="http://192.168.1.196/templates/js/jquery.min.js"></script> 

<scripttype="text/javascript"> 

function kuayu(){

 

$.ajax( 

    { 

        type:'get', 

        url :'http://192.168.1.196:8088/validate.php?loginuser=lee&loginpass=123456', 

        dataType :'jsonp', 

        jsonp:"jsoncallback", 

        success  :function(data){ 

            alert("用户名:"+ data.user +密码:"+ data.pass+"名字:"+data.name+"性别:"+data.sex); 

        }, 

        error :function(){ 

            alert('fail'); 

        } 

    } 

); 

}

</script> 

<div><buttontype="button"onclick="kuayu()">点击</button></div></center>

</body>

</html>


<!-- 服务端 validate.php 代码清单: -->

<?php 

header('Content-Type:text/html;Charset=utf-8'); 

$arr=array( 

    "user"=>$_GET['loginuser'], 

    "pass"=>$_GET['loginpass'], 

    "name"=>'李二蛋'  ,

    "sex"=>''  ,

); 

echo$_GET['jsoncallback']."(".json_encode($arr).")";

---

转载请注明本文标题和链接:《jQuery Ajax 简单的实现跨域请求

分享到:

发表评论

路人甲 表情

网友评论(1)

可以用的,挺好
火星人 3年前 (2016-05-15) 回复