自己封装的 Jsonp 函数

function jsonp(url,data,callback,succ,fn){
	var oS = document.createElement(‘script‘);
	var head = document.getElementsByTagName(‘head‘)[0];

	/*
		保证每一次请求数据的接收函数名不重复
	*/
	var fnName = ‘jquery_‘+new Date().getTime()+Math.random();
	//因为函数名不能有.所以把.替换成空
	fnName = fn || fnName.replace(‘.‘,‘‘);

	var arr = [];
	for(var attr in data){
		arr.push(attr+‘=‘+data[attr]);
	}
	data = arr.join(‘&‘);

	//把接收函数挂在全局,要做fn不能是死,如果有固定的就走固定的,如果没有固定的那么随机
	window[fnName] = function(json){
//		console.log(json)
		head.removeChild(oS);
		succ && succ(json);
	}
	oS.src = url + ‘?‘ + data + ‘&‘+callback+‘=‘+fnName;
	head.appendChild(oS);
}

  

时间: 2025-01-14 14:08:15

自己封装的 Jsonp 函数的相关文章

JS_ECMA基本语法中的几种封装的小函数-2

大家好!今天继续给大家写一下ECMA中的剩下的小函数以及实用的实例: 首先先给大家说一下字符串.数组.数学方法以及json的一点小知识点: 字符串方法: str.length str.charAt(i):取字符串中的某一个; str.indexOf('e');找第一个出现的位置;找不到返回-1; str.lastIndexOf('e'):找最后一个e出现的位置;找不到返回-1; str.toUpperCase();转大写 str.toLowerCase();转小写 str.substring(起

JS_ECMA基本语法中的几种封装的小函数

先来回顾一下我们的字符串: 字符串方法: str.length str.charAt(i):取字符串中的某一个; str.indexOf('e');找第一个出现的位置;找不到返回-1; str.lastIndexOf('e'):找最后一个e出现的位置;找不到返回-1; str.toUpperCase();转大写 str.toLowerCase();转小写 str.substring(起始位置,结束位置):字符串截取; str.split('切割的方式');字符串切割;字符串转数组;数组方法:删除

AJAX编程-封装ajax工具函数

即 Asynchronous [e's??kr?n?s] Javascript And XML,AJAX 不是一门的新的语言,而是对现有技术的综合利用.本质是在HTTP协议的基础上以异步的方式与服务器进行通信. XMLHttpRequest可以以异步方式的处理程序,浏览器内建对象,用于在后台与服务器通信(交换数据) ,由此我们便可实现对网页的部分更新,而不是刷新整个页面. 封装ajax工具函数 $.ajax = function(options){ if(!options) return fal

JS封装cookie操作函数实例(设置、读取、删除)

本文实例讲述了JS封装cookie操作函数.分享给大家供大家参考,具体如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 /*设置cookie*/ function setCookie(name, value, iDay) {   var oDate=new Date();   oDate.setDate(oDate.getDate()+iDay);   document.cook

JavaScript封装Ajax工具函数及jQuery中的ajax

封装ajax工具函数 /** * ITCAST WEB * Created by zhousg on 2016/5/24. */ /* * 1. 请求的类型 type get post * 2. 请求地址 url * 3. 是异步的还是同步的 async false true * 4. 请求内容的格式 contentType * 5. 传输的数据 data json对象 * * 6.响应成功处理函数 success function * 7.响应失败的处理函数 error function *

PHP——封装数据库的函数(增,删,改)2014.5.15的总结

1:完整版的封装函数(增(insert),删(delete),改(update)) 例:<?php //编写数据库操作的封装函数 function mysql_bind(){ //首先我们不知道外面会传入多少个参数    //可以用func_get_args()方法来获取全部传入参数,这个方法返回全部参数的数组   //和func_get_args()方法相对应的其实还有一个func_num_args()来获取参数个数    $args = func_get_args();     //通过使用

Thinkphp3.2.3框架下封装公共的函数,例如封装CURL函数来获取接口数据

当我们需要在控制层调用相同的封装函数时,写多次相同的函数,显得代码十分的拉杂,不精简: TP框架有一个很好的机制,可以再Common定义一个function.php函数,当我们在控制层调用的时候直接调用就可以使用,方便快捷: 具体实现方便如下: 我们可以再三个地方设置公共的函数function.php (注意:function.php默认是不存在的,需手动创建) 根目录\Application\Common\Common\function.php(公共的函数,Home和Admin都可以调用) 根

js原生:封装document.getElementByClassName()函数

//接口封装:封装document.getElementByClassName()函数function getElementsByClassName (cName,domTag,root) {//该函数有三个参数:第一个参数是class名(必选,字串形式):第二个参数是父容器(可选),默认为body节点:第三个参数是该DOM节点的标签名(字串形式)    if (root) {        root = typeof root == "string" ? document.getEl

jquer和封装的运动函数对比

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图片切换----->> jquer和封装的运动函数对比 </title> <style type="text/css"> #parent{ margin:500px 500px 0 500px; position: