jsonpの簡単な実装

jsonpの簡単な実装

function jsonp(url, data) {
    
    
	// 1.将data中的数据拼接到url中
	let params = '';
	for (key in data) {
    
    
	    params += key + '=' + data[key] + '&';
	}
	url += '?' + params + 'callback=cbFn';
	// 2.在全局环境下创建jasonp要调用的回调函数，挂载到window上
	window.cbFn = function(data) {
    
    
	    res = data;
	    // 5.成功后删除script节点
	    delete window.cbFn;
	};
	// 3.创建script节点，设置src属性，回调函数名
	const script = document.createElement('script');
	script.setAttribute('type', 'text/javascript');
	script.setAttribute('src', url);
	// 4.附加在body节点后
	const body = document.querySelector('body');
	body.appendChild(script);
	
	}