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


<!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. CSS3 基础知识[转载minsong的博客]
			
    CSS3 基础知识1.边框    1.1 圆角  border-radius:5px 0 0 5px;    1.2 阴影  box-shadow:2px 3px 4px 5px rgba(0,0,0 ...
    
			
    2. 
						
  2. ssh整合时报出的异常及解决办法
			
    com.opensymphony.xwork2.inject.DependencyException: com.opensymphony.xwork2.inject.ContainerImpl$Mis ...
    
			
    3. 
						
  3. Apple本地认证(密码+Touch id)
			
    转载请注明原文链接:http://www.cnblogs.com/zhanggui/p/6839554.html 前言 本片博客主要介绍如何在自己的APP中添加指纹解锁/密码解锁技术.主要是对苹果的L ...
    
			
    4. 
						
  4. 记录——时间轮定时器（lua 实现）
			
    很长一段时间里,我错误的认识了定时器.无意中,我发现了“时间轮”这个名词,让我对定时器有了新的看法. 我错误的认为,定时器只需要一个 tick 队列,按指定的时间周期遍历队列,检查 tick 倒计时满 ...
    
			
    5. 
						
  5. 【JAVAWEB学习笔记】22_ajax
			
    Js原生Ajax和Jquery的Ajax 学习目标 案例1-异步校验用户名是否存在 案例2-站内查询 一.Ajax概述 1．什么是同步,什么是异步 同步现象:客户端发送请求到服务器端,当服务器返回响应 ...
    
			
    6. 
						
  6. Day5模块-os和sys模块
			
    os模块:操作系统调用的接口 ------------------------------------------------------------------------------------- ...
    
			
    7. 
						
  7. H5与客户端联调
			
    进行H5移动端开发时,我们可以使用谷歌浏览器的设备工具栏进行,此方法实时方便快速,但这也是有限的,当我们需要在特定机型特定系统或者在webview中调试时,这种方法就显得很吃力了. 安卓: 一.与安卓 ...
    
			
    8. 
						
  8. Aspose.Cells.dll操作execl
			
    附件:Aspose.Cells.dll 1.创建execl(不需要服务器或者客户端安装office) public void DCExexl(DataTable dt) {  Workbook wb  ...
    
			
    9. 
						
  9. app界面设计字体规范
			
    通过对不同类型的app进行总结,总结出app的字体规范. 一.字体选择 1.IOS:苹果ios 9系统开始,系统最新的默认中文字体是:苹方.英文字体是: San Francisco 2.Android ...
    
			
    10. 
						
  10. eclipse hibernate导出数据库实体类
			
    打开eclipse->help->Eclipse Marketplace->查找hibernate->安装如下插件 只要安装其中一个,hibernate tool即可: 安装完 ...
    
			
    11.