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


<!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. 新建Android项目，会出现两个项目一个是自己创建的项目，另一个是“appcompat_v7”项目，这是怎么回事呢？该怎么解决呢？
			
    做Android开发的朋友最近会发现,更新ADT至22.6.0版本之后,创建新的安装项目,会出现appcompat_v7的内容.并且是创建一个新的内容就会出现.这到底是怎么回事呢?原来appcompa ...
    
			
    2. 
						
  2. 如何设置文本不换行省略号显示等CSS常用文本属性
			
    如何让多余的文本省略号显示首先要说几个属性的作用: whitespace:nowrap 中文行末不断行显示 overflow: 控制超出文本的显示方式:hidden 超出范围文本隐藏:scroll 始 ...
    
			
    3. 
						
  3. Andriod相机开发关于startPreview Failed的错误的特别记录（重要）
			
    年前,自己做的Android相机嵌入到一款火爆的游戏中去了,经过几次的修改升级,相机运行上报的错误也越来越少, 但是,前几天刚上线的最新相机,却老是在Android 2.3机器上出现startPrev ...
    
			
    4. 
						
  4. innobackup全备与恢复
			
    前提:xtrabackup.mysql安装完成,建立测试库reading.测试表test,并插入三条数据. 1.全备:      innobackupex --user=root --password ...
    
			
    5. 
						
  5. 小米红米1 android 4.4.4上操作数据库异常问题
			
    产生的问题: 小米红米1 android 4.4.4上,按HOME键,应用进入后台,再启动,应用进程直接挂掉 解决的方法: 这个是操作数据库,数据库关闭之后导致的异常,解决的方法: //4.0以上的版 ...
    
			
    6. 
						
  6. redis集群添加删除节点
			
    Redis3.0集群添加节点 1:首先把需要添加的节点启动 cd /usr/local/cluster/ mkdir 7006 cp /usr/local/cluster/redis.conf  /u ...
    
			
    7. 
						
  7. 搭建struct环境
			
    昨天学习了struts,发现struts并不是struts2同一框架的升级,完全是属于两个框架.struts2是在freework的基础上进行封装的. 1.struts的环境搭载   (1)创建web ...
    
			
    8. 
						
  8. 自己编写jQuery动态引入js文件插件 (jquery.import.dynamic.script)
			
    这个插件主要是结合jquery或者xhr异步请求来使用的,它可以把已经引入过的js文件记录在浏览器内存中,当下次再引入相同的文件就忽略该文件的引入. 此插件不支持浏览器刷新保存数据,那需要利用cook ...
    
			
    9. 
						
  9. MySQL编译安装错误提示合集
			
    1>安装mysql在初始化的时候,出现/usr/local/mysql/bin/mysqld:error while loading shared libraries:libaio.so.1 : ...
    
			
    10. 
						
  10. Jetty + HttpClient 处理http请求
			
    本人最近通过自己动手处理http请求,对http协议.Jetty以及HttpClient有了更深刻的理解,特在此与大家分享. 此图是http协议的请求格式.根据请求方法,有get和post之分.get ...
    
			
    11.