//所谓跨域，根据同源策略缘故


<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

</head>

<body>

    <button id="button" name="button" onclick="jsonp()">button</button>

    <div id="div1"></div>

</body>

<script>

    function jsonp(){

            var s1=document.createElement("script");

            s1.src="2.php?cb=show";

            document.body.appendChild(s1);   

        }

        var dd=document.getElementById("div1");

        function show(data){

            dd.innerHTML=data.name;

        }

</script>

</html>





php文件如下，此时通过参数cb来了接的，这样就是是




<?php  

$show=$_GET['cb'];

$xjson="{'name':'user1'}";

echo $show."(".$xjson.")";

?>


												


											
浅论ajax跨域！从一个例子开始！的更多相关文章
	

    
								
  1. ajax跨域调用webservice例子
		
    [WebMethod(Description = "这是一个描述")] public void GetTIM() { try { SqlDataAdapter da = new S ...
    
		
    2. 
						
  2. 手机端-ajax跨域请求滚屏分页
		
    近期做了一个关于信息展示的详情页面,将里面能够提升用户体验的小点写出来 1.当页面请求新的数据,或上传数据的时候 放一个loading.gif的过渡,告诉用户 你的操作已经完成,正在加载中 2.当所有 ...
    
		
    3. 
						
  3. ajax跨域例子
		
    例子 https://github.com/ruanyf/react-demos/blob/master/demo12/index.html 此网页代码运行在本地, 是可以访问 github 数据的. ...
    
		
    4. 
						
  4. Javascript&Ajax-深入浅出JSONP--解决ajax跨域问题
		
    Javascript&Ajax-深入浅出JSONP--解决ajax跨域问题 原理讲解: 链接地址:http://www.cnblogs.com/chopper/archive/2012/03/ ...
    
		
    5. 
						
  5. 浅谈linux 下，利用Nginx服务器代理实现ajax跨域请求。
		
    ajax跨域请求对于前端开发者几乎在任何一个项目中都会用到,众所周知,跨域请求有三种方式: jsonp; XHR2 代理: jsonp: 这种应该是开发中是使用的最多的,最常见的跨域请求方法,其实aj ...
    
		
    6. 
						
  6. 百度的一个Ajax跨域方法 JavaScript是没有域的限制
		
    baidu的通行证处理都是在二级域名passport.baidu.com中处理的,但是baidu很多地方登录都好像是用ajax处理的,他是怎么做的呢?研究了一下,发现一个小技巧. 在http://zh ...
    
		
    7. 
						
  7. AJAX跨域POST发送json时，会先发送一个OPTIONS预请求
		
    我们会发现,在很多post,put,delete等请求之前,会有一次options请求. 根本原因就是,W3C规范这样要求了!在跨域请求中,分为简单请求(get和部分post,post时content ...
    
		
    8. 
						
  8. Ajax操作如何实现跨域请求 （JSONP和CORS实现Ajax跨域的原理）
		
    由于浏览器存在同源策略机制,同源策略阻止ajax (XMLHttpRequest) 从一个源加载的文档或脚本获取或设置另一个源加载的文档的属性. 特别的:由于同源策略是浏览器的限制,所以请求的发送和响 ...
    
		
    9. 
						
  9. 解决ajax跨域请求  （总结）
		
    ajax跨域请求,目前已用几种方法实现:   1)用原生js的xhr对象实现.                var url="http://freegeoip.net/json/" ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. FrameBuffer系列 之 介绍
			
    1.     来由 FrameBuffer是出现在2.2.xx内核当中的一种驱动程序接口.Linux工作在保护模式下,所以用户态进程是无法象 DOS 那样使用显卡 BIOS里提供的中断调用来实现直接写 ...
    
			
    2. 
						
  2. Laravel 5.2 教程 - 队列
			
    一.简介 Laravel 队列组件提供一个统一的 API 集成了许多不同的队列服务,队列允许你延后执行一个耗时的任务,例如延后至指定的时间才发送邮件,进而大幅的加快了应用程序处理请求的速度. 由于本例 ...
    
			
    3. 
						
  3. document.all 用法
			
    一. document.all是页面内所有元素的一个集合.例如:        document.all(0)表示页面内第一个元素 二. document.all可以判断浏览器是否是IE     if ...
    
			
    4. 
						
  4. Linux command not found 问题解释
			
    执行可执行文件 执行文件就是具有可执行权限的文件,如果在文件所在目录上执行 ll 或 ls -l命令时,可能看到如下结果:-rwxr-xr-- 1 usr users 289 Jul 29 09:15 ...
    
			
    5. 
						
  5. 控制器controller与指令中的link、controller中变量作用域的关系
			
    angjualrjs中的作用域与原生js中的函数嵌套原理一致,都是存在作用域的继承.若在子控制器(同样包括在指令中的link或是controllerding中定义变量,此时指令中必须未使用scope独 ...
    
			
    6. 
						
  6. WebSocket实战
			
    前言 互联网发展到现在,早已超越了原始的初衷,人类从来没有像现在这样依赖过他:也正是这种依赖,促进了互联网技术的飞速发展.而终端设备的创新与发展,更加速了互联网的进化: HTTP/1.1规范发布于19 ...
    
			
    7. 
						
  7. C#特性：从自定义一个特性开始，谈谈什么是特性
			
    作为C#新手中的一员,我刚开始接触特性时,那真是一脸冏逼啊,怎么想怎么查资料都没弄明白它到底是个什么东西,有的入门教程甚至都没讲特性和反射这些概念!相信很多人第一次接触到特性就是关于系列化的知识了.  ...
    
			
    8. 
						
  8. JBoss 主要模块
			
    JBoss EJB 容器是JBoss 服务器的核心实现.它有两个特征,第一个是在运行期间生产EJB对象的Stub 和Skeleton 类, 第二是支持热部署. JBossNS 是JBoss 命名服务用 ...
    
			
    9. 
						
  9. 200 OK (from cache)原因
			
    Meta标签中的http-equiv用来标记不可缓存或过期时间,但效果一般.而且代理缓存基本不访问HTML文档内容,所以尽量少用meta标签控制缓存. Pragma: no-cache Forces  ...
    
			
    10. 
						
  10. 关于Cookie安全性设置的那些事
			
    一.标题:关于Cookie安全性设置的那些事 副标:httponly属性和secure属性解析 二.引言 经常有看到XSS跨站脚本攻击窃取cookie案例,修复方案是有httponly.今天写出来倒腾 ...
    
			
    11.