zoukankan      html  css  js  c++  java
  • JSONP方式解决跨域

    Script标签的src属性不受同源策略的限制而完成跨域操作的一门技巧

    且该方法只适用于get请求传值,对于post请求则无法完成。

    (function(w){
    	w.lufei = {};
    	w.lufei.jsonp = function(obj){
    		var defaults = {
    			url:"#",
    			data:{},
    			type:"get",
    			jsonp:"callback",
    			jsonpCallback:"hehe",
    			success:function(data){
    				console.log(data);
    			}
    		};
    		for(var key in obj){
    			defaults[key] = obj[key];
    		}
    		var params = "";
    		for(var attr in defaults.data){
    			params +=attr+"="+defaults.data[attr]+"&";
    		}
    		if(params){
    			params = params.substring(0,params.length-1);
    		}
    		defaults.url +="?"+params;
    		defaults.url +="&"+defaults.jsonp+"="+defaults.jsonpCallback;
    
    		var script =document.createElement("script");
    		script.src = defaults.url;
    		window[defaults.jsonpCallback] = function(data){
    			defaults.success(data);
    		};
    
    		var head = document.querySelector("head");
    		head.appendChild(script);
    
    	}
    
    
    })(window)
    

      

  • 相关阅读:
    (Lineup the Dominoes筛子)三维状压
    Halloween Costumes 玄学题
    jQuery之动画
    javascript之位置
    javascript之事件
    jQuery之DOM
    jQuery之选择器
    jQuery简介
    javascript之Bom简介
    javascript之DOM操作
  • 原文地址:https://www.cnblogs.com/lufei910/p/12201464.html
Copyright © 2011-2022 走看看