js的跨域

最新推荐文章于 2023-10-18 10:50:00 发布
最新推荐文章于 2023-10-18 10:50:00 发布
阅读量798 收藏
点赞数
分类专栏： 前端设计 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ikscher/article/details/41149237
版权

理解跨域首先必须要了解同源策略。同源策略是浏览器上为安全性考虑实施的非常重要的安全策略。

js跨域可以通过hash，jsonp，flash，html5的 postMessage

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="jquery-1.8.3.min.js" ></script>

</head>
<body>
<div ><button id="getJsonpByJquery"  >获取</button></div>
</body>

<script type="text/javascript" >
  function createJs(sUrl){
    var oS=document.createElement('script');
	oS.type="text/javascript";
	oS.src=sUrl;
	document.getElementsByTagName('head')[0].appendChild(oS);
	
  }
  
  createJs('jsonp.js');

	function fn(json){
	  //alert(json.name);
	}
	
	
	$("#getJsonpByJquery").click(function () {
	
    $.ajax({
        url: 'http://suggestion.baidu.com/su?wd=&json=1&p=3&sid=9206_1455_7801_9753_9451_9475_9499_9769_9477_7798_9454_9978_9024&req=2&_=1416047072973',
        dataType: "jsonp",
        jsonp: "cb",
		type:'get',
        success: function (data) {
            console.log(data)
        }
    })
})
</script>
</html>

jsonp.js内容如下： 

fn({name:'ikscher'});


http://suggestion.baidu.com/su?wd=&json=1&p=3&sid=9206_1455_7801_9753_9451_9475_9499_9769_9477_7798_9454_9978_9024&req=2&cb=jQuery1102012195009808056056_1416047072972&_=1416047072973

返回：

jQuery1102012195009808056056_1416047072972({"q":"","p":false,"bs":"","s":[]});

 


                

        

        

    

  


    

      

        

            

              
                
                  ikscher
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
JS 跨域

				
			

			

				

					shea_mong
				

				

					03-08
					
					474
					
				

			

		

		

			
				
JavaScript跨域一、什么是JS跨域？二、JS跨域解决办法1.JSONP2.CORS3、JSONP和CORS的区别
一、什么是JS跨域？
在了解跨域之前，先要知道同源策略。

同源策略：是浏览器的一种安全策略，所谓同源是指域名、协议、端口完全相同。在同源策略下，只有同源的地址才可以相互通过 AJAX 的方式请求。而跨域就是只要两个地址中协议、域名、端口有任何一个不相同，那它们之间的请求就被称之为跨域请求。
JS跨域:指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者

			
		

	



                

            
              



	

		

			

				
					
js跨域请求

				
			

			

				

					小码哥
				

				

					10-24
					
					2806
					
				

			

		

		

			
				
什么是跨域？


定义：
跨域是指从一个域名的网页去请求另一个域名的网页的资源，比如从www.baidu.com去请求www.google.com的资源,但是一般情况下不能这样做，这是由浏览器同源策略造成的，是浏览器对js施加的安全限制，跨域的严格定义一点是，只要协议、域名、端口有任何一个的不同，就被当成是跨域
所谓同源是指域名、协议、端口 均相同，这里说的JS跨域是指JS在不同的域之间进行数据传输或者通信，比如用ajax向一个不同的域请求数据、或者通过js获取页面中不同域的框架中(iframe)的数据
概

			
		

	



              


  
              

                


	

		

			

				
					
js跨域的解决方案

					
热门推荐

				
			

			

				

					muzidigbig的博客
				

				

					05-15
					
					1万+
					
				

			

		

		

			
				
指的是浏览器不能执行其他网站的脚本，简单来说是浏览器同源政策的限制，浏览器针对于的限制。两个页面拥有相同的协议，端口，域名就是同源，如果有一个不相同就是不同源。保护用户，防止一些网站盗取用户信息。
1、通过jsonp跨域
2、跨域资源共享（CORS）
3、document.domain + iframe跨域
4、location.hash + iframe
5、window.name + iframe跨域
6、postMessage跨域
7、nginx代理跨域
8、nodejs中间件代理跨域（非vue、v

			
		

	





	

		

			

				
					
JavaScript 跨域传输数据

				
			

			

				

					weixin_62604823的博客
				

				

					07-20
					
					253
					
				

			

		

		

			
				
js跨域之间的通信

			
		

	



		

			
		



	

		

			

				
					
js跨域下载图片

				
			

			

				

					m0_38038767的博客
				

				

					12-10
					
					7270
					
				

			

		

		

			
				
有一个常见的需求，就是下载图片。
以以往的经验，使用了a标签的方式进行了下载。如下
<button @click="downloadPic">下载</button>

donloadPic () {
	let url = 'http://a.b.com/test.png'
	let a = document.createElement('a')
	a.src = url
	a.download = 'download.' + url.slice(url.lastIndexOf('.'

			
		

	





	

		

			

				
					
JS 跨域问题

				
			

			

				

					FireCode的博客
				

				

					04-11
					
					2664
					
				

			

		

		

			
				
官方文档介绍
一、简介
跨域：指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对javascript 施加的安全限制。
同源策略：是指协议，域名，端口都要相同，其中有一个不同都会产生跨域；

  跨源资源共享标准新增了一组 HTTP 首部字段，允许服务器声明哪些源站通过浏览器有权限访问哪些资源。另外，规范要求，对那些可能对服务器数据产生副作用的 HTTP 请求方法（特别是 GET 以外的 HTTP 请求，或者搭配某些 MIME（媒体类型）类型 的 POST 请求），浏览器必须首先使

			
		

	





	

		

			

				
					
JS 跨域与同源

				
			

			

				

					猫老板的豆
				

				

					06-05
					
					1102
					
				

			

		

		

			
				
jsonp跨域
jsonp是一种跨域通信的手段，它的原理其实很简单：
利用<script>标签的src属性跨域
由于使用script标签的src属性，因此只支持get方法
function jsonp(req){
	// 动态创建script标签
    var script = document.createElement('script');
    var url = req.url + '?callback=' + req.callback.name;
    script.src = 

			
		

	





	

		

			

				
					
js跨域访问的超简单方法

				
			

			

				

					lihuifen2011的博客
				

				

					08-24
					
					802
					
				

			

		

		

			
				
直接上例子

客户端js代码：


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>跨域test</title>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
</head>
<

			
		

	





	

		

			

				
					
js跨域  亲手测试

				
			

			

				

					hejias的专栏
				

				

					06-30
					
					740
					
				

			

		

		

			
				
//https://csdnimg.cn/cdn/content-toolbar/csdn-logo.png?v=20200416.1

String imgPath = request.getParameter("url");
   
   URL url2 = new URL(imgPath);
   // Log.i("http:send", "http send"+url);
   HttpURLConnection httpU...

			
		

	





	

		

			

				
					
js跨域的八种方式

					
最新发布

				
			

			

				

					qq_43383334的博客
				

				

					10-18
					
					466
					
				

			

		

		

			
				
1. JSONP
JSONP 是一种利用 unction jsonp(url, callback) {
  const script = document.createElement('script');
  script.src = `${url}&callback=${callback}`;
  document.body.appendChild(script);
  window[callback] = function(data) {
    document.body.removeChil

			
		

	





	

		

			

				
					
pdf.js 跨域版本

				
			

			

				

					04-16
				

			

		

		

			
				
跨域问题通常在 JavaScript 中是个常见的安全限制，浏览器不允许脚本从一个源（域名、协议或端口）请求另一个源的资源，以防止恶意网站通过脚本读取其他网站的数据。在 PDF.js 原版中，如果 PDF 文件存储在与网页...

			
		

	





	

		

			

				
					
js跨域请求数据的3种常用的方法

				
			

			

				

					11-24
				

			

		

		

			
				
以上就是JavaScript跨域请求数据的三种常见方法。在实际开发中，选择哪种方法取决于项目需求、兼容性考虑以及服务器端的配合程度。对于需要复杂交互或安全性要求较高的场景，CORS可能是更好的选择；而对于简单的GET...

			
		

	





	

		

			

				
					
JS跨域调用WCF服务实例(WCF服务宿主到控制台)

				
			

			

				

					09-24
				

			

		

		

			
				
JavaScript（JS）与Windows Communication Foundation（WCF）服务之间的跨域调用是Web开发中常见的需求，尤其是在构建分布式系统和前后端分离的应用时。本文将详细介绍如何实现JS跨域调用WCF服务，并通过一个控制台...

			
		

	





	

		

			

				
					
深入分析Javascript跨域问题

				
			

			

				

					10-24
				

			

		

		

			
				
JavaScript中的跨域问题源于浏览器实施的同源...总的来说，解决JavaScript跨域问题需要根据具体需求选择合适的方法，既要考虑安全性，也要考虑兼容性和性能。在实际开发中，通常会结合使用多种策略，以达到最佳效果。

			
		

	





	

		

			

				
					
JS跨域访问解决方案总结.pdf

				
			

			

				

					09-27
				

			

		

		

			
				
标题《JS跨域访问解决方案总结.pdf》指明文档的核心内容是关于JavaScript跨域访问问题的解决方法。跨域访问问题是指由于浏览器的同源策略限制，网页中JavaScript代码出于安全原因不能访问另一个源（域名、协议或端口...

			
		

	





	

		

			

				
					
nodejs和php性能分析比较

				
			

			

				

					ikscher的专栏
				

				

					12-03
					
					1万+
					
				

			

		

		

			
				
在本机windows环境下的测试：8G内存，4GCPU,win7系统

插入1000条记录测试比较，php和nodejs的性能

php代码段（php5.6)

&lt;?php
   $link=mysqli_connect('127.0.0.1','root','666666','db_name');

   if (!$link) {
        echo "Error: Unable ...

			
		

	





	

		

			

				
					
js实例化的对象，函数和原型的相关

				
			

			

				

					ikscher的专栏
				

				

					11-18
					
					1万+
					
				

			

		

		

			
				
对于js而言，每个实例化的对象都有以下的方法和属性：
（1

			
		

	





	

		

			

				
					
js stack and heap（js栈和堆）

				
			

			

				

					ikscher的专栏
				

				

					08-12
					
					9611
					
				

			

		

		

			
				
先看一段代码：




object





    function setName(obj) {
obj.name = 'Nicholas';
obj = new Object();
obj.name = 'Greg';
}
var obj = new Object();
setName(obj);
alert(obj.name); //”Nicholas” 


输出是什么呢?




			
		

	





	

		

			

				
					
ajax  post  data数据传值分析

				
			

			

				

					ikscher的专栏
				

				

					10-24
					
					6184
					
				

			

		

		

			
				
今天在看opencart的代码的时候，看到一个很奇特的写法：  
 $.ajax({
url: 'index.php?route=checkout/payment_address/validate',
type: 'post',
data: $('#payment-address input[type=\'text\'], #payment-address input[type=\'pas

			
		

	





	

		

			

				
					
JS跨域解决方案详解

				
			

			

				

					
				

			

		

		

			
				
JavaScript跨域是一个复杂且重要的主题，开发者需要理解各种跨域机制和解决方案，以便在实际项目中灵活应对。在现代Web开发中，CORS是最常用也是最推荐的跨域解决方案，因为它提供了更安全且灵活的控制方式。同时，...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值