jquery ajax 跨域

原创 2016年05月31日 11:40:34

1、jsonp

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>  

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).")";  

**

2、getJosn

**

  $.getJSON("http://127.0.0.1/server/index.php/jsonp/getJson?callback=?",
                { id: "123456", site: "01" },
                function(data) {
                    console.log(data)
                    alert(data.id + ',' + data.site + ',' + data.name);
                });

php

$get = $this->input->get();

        $id = $get['id'];
        $site = $get['site'];

        $arr = array(  
            "id" =>$id,  
            "site" => $site,  
            "name" => 'response'  

        );  

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

参考:
参考文章

jsonp原理

版权声明:本文为博主原创文章,未经博主允许不得转载。

Jquery跨域Ajax请求测试

  • 2013年08月26日 17:42
  • 543KB
  • 下载

jquery.Ajax跨域访问数据方法

首 页 阅览室 馆友 我的图书馆 JQu...

jQuery使用ajax跨域获取数据

  • 2014年01月15日 12:57
  • 618B
  • 下载

jquery ajax跨域html前台 php后台

  • 2011年10月16日 21:51
  • 24KB
  • 下载

JQUERY 实现AJAX跨域获取json数据实例

在项目中有时需要跨站点获取相关数据,使用ajax如何实现跨域获取json数据。 Jquery有封装好的实现方法,可以直接使用$.ajax()方法实现,只需要设置jsonp格式等相关变量即可;也可以使...

原生JS仿jquery封装的ajax方法 支持JOSNP跨域问题

序平时工作中用到ajax比较多,一般都是直接用jquery里的ajax来操作的,说实话jquery真的很好用,给我工作带来的很大的便利,但我们要学会知其然知其所以然,所以我决定自己封装一个ajax方法...
  • kwinH
  • kwinH
  • 2016年11月14日 10:29
  • 508

(跨域)jquery.ajax提交请求并返回json数据

当我们在两个java项目之间互相调用接口时就会遇到跨域请求的问题,这次我开发系统的注册功能后台实现是调用的用户管理中心的接口,前台通过$.ajax请求并处理返回的json数据,其中注意一点就是如果出现...

jQuery中Ajax+Spring MVC实现跨域请求

在解释JSONP之前,我们需要了解下”同源策略“这个概念,这对理解跨域有帮助。基于安全的原因,浏览器是存在同源策略机制的,同源策略阻止从一个源加载的文档或脚本获取或设置另一个源加载额文档的属性。有点绕...
  • kiritor
  • kiritor
  • 2014年11月12日 10:02
  • 4691

Jquery之AJAX COOKIES跨域请求 - JSONP实现方法

在开发中,开发人员应该都知道js在操作cookie时是不允许跨域处理的,那么怎么办呢?利用Jquery之AJAX 跨域请求 - 其中有一个方法 JSONP 可以实现跨域请求。     JQu...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery ajax 跨域
举报原因:
原因补充:

(最多只允许输入30个字)