javascript - 封装jsonp
JavaScript封装 jsonp
2023-09-11 14:14:38 时间
jsonp牵扯到同源策略、跨域等问题,这里不细说了.
实现就是创建动态的script标签来请求后台地址:
示例:
jsonp('xxx.php', { uid: 1 }, function (res) {
console.log(res)
})
实例:
jsonp('http://localhost/server.php', { uid: 1 }, function (res) { console.log(res) })
1 function jsonp (url, params, callback) {
2 var funcName = 'jsonp' + Date.now() + Math.random().toString().substr(2, 5)
3
4 if (typeof params === 'object') {
5 var tempArr = []
6 for (var key in params) {
7 var value = params[key]
8 tempArr.push(key + '=' + value)
9 }
10 params = tempArr.join('&')
11 }
12
13 var script = document.createElement('script')
14 script.src = url + '?' + params + '&callback=' + funcName
15 document.body.appendChild(script)
16
17 window[funcName] = function (data) {
18 callback(data)
19 delete window[funcName]
20 document.body.removeChild(script)
21 }
22 }
相关文章
- 恶补web之六:javascript知识(2)
- JavaScript window.open()属性
- 【JavaScript 6连载】六、认识原型
- javascript点击兼容所有浏览器封装
- 第一百三十九节,JavaScript,封装库--CSS选择器
- 第一百三十节,JavaScript,封装库--连缀
- JavaScript经典代码【二】【javascript判断用户点了鼠标左键还是右键】
- [Javascript] MetaProgramming: new.target
- [Javascript] Refactoring: Polymorphic Functions
- JavaScript装逼指南
- javascript-数组的常用方法
- [Javascript] Broadcaster + Operator + Listener pattern -- 26. Share the Same Broadcaster Values Across Multiple Listeners
- [Javascript] Create Your First Iterator in JavaScript
- [Javascript] Intercept property access with Javascript Proxy
- [Javascript] JavaScript Array Methods in Depth - push
- 为什么你应该选择TypeScript而不是JavaScript
- 从零开始学_JavaScript_系列(21)——dojo(8)(手把手教你封装一个widget)
- 【华为OD机试 2023】最左侧冗余覆盖子串(C++ Java JavaScript Python)
- Javascript 原型链资料收集