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


<!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. python版本与编码的区别
			
    主要编码介绍 python解释器在加载 .py 文件中的代码时,会对内容进行编码(默认ascill) ASCII(American Standard Code for Information Inte ...
    
			
    2. 
						
  2. Python 基础 四 面向对象杂谈
			
    Python 基础  四  面向对象杂谈 一.isinstance(obj,cls) 与issubcalss(sub,super) isinstance(obj,cls)检查是否obj是否是类 cls ...
    
			
    3. 
						
  3. ES6之"let"能替代"var"吗?
			
    译者按: 使用let的确会比var安全很多. 原文: Why You Shouldn't Use 'var' Anymore 译者: Fundebug 为了保证可读性,本文采用意译而非直译. 我已经使 ...
    
			
    4. 
						
  4. redis3.05安装
			
    #yum -y install gcc #cd /usr/local/src #tar -zxvf redis-3.0.5.tar.gz #cd redis-3.05/ #make PREFIX=/u ...
    
			
    5. 
						
  5. eclipse中集成hadoop插件
			
    1.下载并安装eclipse2.https://github.com/winghc/hadoop2x-eclipse-plugin3.下载插件到eclipse的插件目录 4.配置hadoop安装目录  ...
    
			
    6. 
						
  6. 学习笔记：javascript内置对象：数组对象
			
    1.数组对象的创建   1.设置一个长度为0的数组  var myarr=new array(); 2.设置一个长度为n的数组  var myarr=new arr(n); 3.声明一个赋值的指定长度 ...
    
			
    7. 
						
  7. php 知识点 --个人笔记
			
    ##2015-09-06 为防止用户看到错误信息,而出现的不友好界面.故一般性会在php.ini里设置:display_errors = Off;不过在开发的时候,我们有时候需要打开错误信息.这时候, ...
    
			
    8. 
						
  8. iOS开发中,info.plist配置用户隐私的保护
			
    info.plist 配置[用户隐私的保护]   >= iOS10 Privacy - Bluetooth Peripheral Usage Description --> App需要您的 ...
    
			
    9. 
						
  9. selenium+python环境的搭建的自动化测试
			
    一.安装python: 我安装的是2.7.13版本的:可以在CMD下 运行python命令查看是否安装python,以及安装版本: 在https://www.python.org/getit/这个地址 ...
    
			
    10. 
						
  10. Natas Wargame Level 16 Writeup(Content-based Blind SQL Injection)
			
    aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqwAAADhCAYAAAANm+erAAAABHNCSVQICAgIfAhkiAAAIABJREFUeF
    
			
    11.