账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    使用jsonp解决跨域问题,通过Node开启一个服务,访问一次为什么服务器打印出来两次?
    21
    0

    跨域的解决方案之一:jsonp

    // server.js
    var qs = require('queryString');
    var http = require('http');
    var server = http.createServer();
    
    server.on('request', function(req, res) {
      console.log('irene'); // 打印irene
    
      var params = qs.parse(req.url.split('?')[1]);
      var fn = params.callback;
    
      // jsonp返回设置
      res.writeHead(200, { 'Content-Type': 'text/javascript' });
      res.write(fn + '(' + JSON.stringify(params) + ')');
    
      res.end();
    })
    server.listen('8094');
    console.log('Server is running at port 8094...');
    
    // jsonp.html
    <html>
      <head></head>
      <body>
        <script>
          var script = document.createElement('script');
          script.type = 'text/javascript';
      
          // 传参并指定回调执行函数为onBack
          script.src = 'http://www.domain2.com:8094/login?user=admin&callback=onBack';
          document.head.appendChild(script);
      
          // 回调执行函数
          function onBack(res) {
              alert(JSON.stringify(res));
          }
       </script>
      </body>
     </html>
     

    当我在浏览器中访问jsonp.html,为什么server.js中的'irene'会打印两次?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 当你使用JSONP(JSON with Padding)来解决跨域问题时,服务器需要在响应中包含callback参数,指定函数名和参数。

      当你在Node.js中运行这个服务时,它将使用JSONP来获取JSON数据。这是一个返回JSON数据的函数调用,而不是真正的HTTP请求。

      然而,当服务器返回数据时,JSONP会将数据包装在callback参数中。因此,服务器打印出两次,一次是JSONP函数的调用,一次是callback参数的值。

      为了解决这个问题,你需要在客户端调用JSONP函数,并传递正确的回调函数名。这样,服务器就不会打印出两次了。

      这是一个简单的例子:

      ```javascript // 定义回调函数 function handleCallback(data) { console.log(data); }

      // 定义JSONP函数 function callJsonp(callback) { var url = 'http://example.com/data?callback=' + callback; window.open(url, '_blank'); }

      // 调用JSONP函数 callJsonp(handleCallback); ```

      在这个例子中,handleCallback函数将被服务器调用,而callJsonp函数将被Node.js调用。当Node.js调用callJsonp时,它将调用handleCallback函数,并将数据作为参数传递给它。服务器将打印出数据,而Node.js将打印出处理回调函数的代码。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部