Ajax跨域实例

前台文件在www.a.com域名下

####  代码如下:
```html

<html>
<head>
    <title>ajax跨域</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <script src="http://libs.useso.com/js/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
</head>
<body>
    <script type="text/javascript">
        //方法一
        /*

$.getJSON("http://www.b.com/index.php?c=add&callback=?",{id: 10, name: "bestphper"}, function(data){
            $('body').html(data.msg);
        });

//方法二
        $.ajax({
                 type: "get",
                 async: false,
                 url: "http://www.b.com/index.php",
                 dataType: "jsonp",
                 //传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(一般默认为:callback)
                 jsonp: "callback",
                 
                 //自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名
                 //也可以不要下面这一行,jQuery会自动为你处理数据
                 jsonpCallback:'getdata',

//参递的参数
                 data: {id: 10, name: "bestphper"},

success: function(data){
                     $('body').html(data.msg);
                 },
                 error: function(){
                     $('body').html(data.msg);
                 }
             });
    </script>
</body>
</html>
```

#### 后台文件www.b.com域名下

代码如下:
```php
<?php
    //此文件在www.b.com域名下
    $re['flag']=1;
    $re['msg']='success-'.$_GET['name'];
    header('Content-Type: application/json');
    echo $_GET['callback'].'('.json_encode($re).')';
```

#### 测试在浏览器中www.a.com。会发现请求成功，输出如下
![](http://image.gwalker.cn/Uploads_ArticleFiles_20140918_m_541a4319a8023.png)