jQuery Ajax 简单的实现跨域请求

  • 内容
  • 评论
  • 相关

html 代码:


<script type="text/javascript" src="http://你的域名/js/jquery-1.4.2.min.js"></script>
 <script type="text/javascript"> 
$(function(){  
$.ajax(  
    {  
        type:'get',  
        url : 'http://你的域名/test.php?loginuser=lee&loginpass=123456',  
        dataType : 'jsonp',  
        jsonp:"jsoncallback",  
        success  : function(data) {  
            alert("用户名:"+ data.user +" 密码:"+ data.pass);  
        },  
        error : function() {  
            alert('fail');  
        }  
    }  
);  
}) 
</script> 


服务端 test.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 简单的实现跨域请求 - https://wlphp.com/?post=112

发表评论

电子邮件地址不会被公开。 必填项已用*标注