使jquery代码段对IP有条件

Question

有没有办法让这个片段只有在我自己的IP访问该站点时才能触发？

        $('#preloader').delay(5555).fadeOut(1234,function(){  
           $(this).remove();
        });

类似于(伪代码)：“如果ip不是127.0.0.1，则不执行任何操作。”

(如果PHP解决方案更容易的话，我对此持开放态度。)

谢谢!

Answer 1

Javascript无法获取访问者的IP，因此服务器端解决方案是唯一可能的解决方案。试试这个：

<?php if ($_SERVER['REMOTE_ADDR'] == '1.1.1.1') { // your IP instead of 1.1.1.1 ?>
    $('#preloader').delay(5555).fadeOut(1234,function(){  
        $(this).remove();
    });
<? } ?>

Answer 2

您可以在PHP中设置此条件，以显示或不显示这部分代码。

<? if ($_SERVER['REMOTE_ADDR'] == '127.0.0.1'): ?>
    $('#preloader').delay(5555).fadeOut(1234,function(){  
        $(this).remove();
    });
<? endif; ?>

Answer 3

您将同时使用javascript和jquery获得clientIP。您可以使用JSONP通过服务器端进行中继

<script type="application/javascript">
    function getip(json){
      alert(json.ip); // alerts the ip address
    }
</script>

<script type="application/javascript" src="http://jsonip.appspot.com/?callback=getip"></script>

 $.getJSON("http://jsonip.appspot.com?callback=?",
    function(data){
       alert( "Your ip: " + data.ip);
  });

此示例是在Google App Engine上实现的一个非常简单的JSONP服务，您可以查看更多详细信息here。

查看服务的源码，是一个小的Python脚本，它可以在任何服务器端语言上实现。

如果您不是在寻找跨域解决方案，那么可以进一步简化脚本，因为您不需要回调参数，并且返回的是纯JSON。

运行上面的代码片段here。