jquery ajax 跨域请求代码

发布时间:2019-07-23编辑:脚本学堂
有关jquery ajax跨域请求的实例代码, jQuery Ajax实现简单的跨域请求,包括服务端验证代码,需要的朋友参考下。

1,jquery实现跨域请求:
 

复制代码 代码示例:
<script type="text/javascript" src="/js/jquery-1.4.2.min.js"></script> 
<script type="text/javascript"> 
$(function(){ 
$.ajax( 

type:'get', 
url : 'http://www.jb200.com/validate.php?loginuser=lee&loginpass=123456', 
dataType : 'jsonp', 
jsonp:"jsoncallback", 
success  : function(data) { 
alert("用户名:"+ data.user +" 密码:"+ data.pass); 
}, 
error : function() { 
alert('fail'); 


); 
}) 
</script> 

2、服务端 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).")"; 

效果图,如下:
jquery ajax 跨域请求代码