jsonp封装

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jsonp封装相关的知识,希望对你有一定的参考价值。

 

//jsonp的封装函数

function jsonp(url,parmter,callback){

  //创建script标签

    var script=document.createElement(‘script‘);

  //拼接字符串

    randomkey=‘cdf‘+new Date().getTime();

  //把拼接的字符串 变成全局变量 相当于callback函数的调用

   window[‘randomkey‘]=callback;

  //把数字拼接到  src中 callback    

  url=‘?callback‘+randomkey;

    if(parmter) {

      for(var p  in  parmter  ){

        url +=("&"+p+"="+paemter[p])

      }

    }

 

  script.src=url;

  document.body.appendChild(script)

  script.onload=function () {

     document.body.removeChild(script)

  }

}

 

//后台 

  var express=require(‘express‘)

  var app=express();

  app.get(‘/+访问的地址‘,function (req,res) {

      var value=req.query[‘callback‘];

      var result=value+‘数据  JSON.stringify转化成后台数据‘;

      res.send(result)

)

app.get(‘*‘,function (req,res){

  res.sendFile(__dirname+res.path)

 

})

app.listen(8888,function (){

  console.log(‘服务器启动成功‘)

)

 

以上是关于jsonp封装的主要内容,如果未能解决你的问题,请参考以下文章

javascript - 封装jsonp

jsonp封装成promise

原生封装Jsonp

封装JSONP

封装 jsonp请求数据的方法

封装jsonp