我将提供一个方法，当我想在html页面中存储信息时，我经常使用这个方法，并且希望我的javascript能够读取信息，而不需要实际地将参数传递给javascript。当您的脚本被外部引用而不是内联引用时，这尤其有用。

然而，它不符合“没有服务器端脚本”的标准。但是如果你可以在你的html中包含服务器端脚本，可以这样做:

将隐藏标签元素设置在html页面的底部，就在结束主体标签的上方。

你的标签看起来是这样的:

<label id="ip" class="hiddenlabel"><?php echo $_SERVER['REMOTE_ADDR']; ?></label>

一定要创建一个名为hiddenlabel的类，并设置visibility:hidden，这样就没有人真正看到这个标签。你可以用这种方式在隐藏标签中存储很多东西。

现在，在你的javascript中，检索存储在标签中的信息(在这种情况下是客户端的ip地址)，你可以这样做:

var ip = document.getElementById("ip").innerHTML;

现在你的变量“ip”等于ip地址。现在可以将ip传递给API请求了。

*编辑2年后* 两个小的改进:

我经常使用这种方法，但是调用标签class="data"，因为实际上，这是一种存储数据的方法。类名“hiddenlabel”是一个愚蠢的名字。

第二个修改是在样式表中，而不是visibility:hidden:

.data{
    display:none;
}

.．.是更好的方法。

试试这个:http://httpbin.org/ip(或https://httpbin.org/ip)

https的示例:

$.getJSON('https://httpbin.org/ip', function(data) {
                console.log(data['origin']);
});

来源:http://httpbin.org/

你可以用ajax调用hostip.info或类似的服务…

function myIP() {
    if (window.XMLHttpRequest) xmlhttp = new XMLHttpRequest();
    else xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

    xmlhttp.open("GET","http://api.hostip.info/get_html.php",false);
    xmlhttp.send();

    hostipInfo = xmlhttp.responseText.split("\n");

    for (i=0; hostipInfo.length >= i; i++) {
        ipAddress = hostipInfo[i].split(":");
        if ( ipAddress[0] == "IP" ) return ipAddress[1];
    }

    return false;
}

作为奖励，地理定位信息将在同一调用中返回。

你不能。你得问服务员。

如果你总是包含一个文件，你可以做一个简单的ajax get:

function ip_callback() {
    $.get("ajax.getIp.php",function(data){ return data; }
}

ajax。getip。php是这样的

<?=$_SERVER['REMOTE_ADDR']?>

如果你在某个地方使用NGINX，你可以添加这个片段并通过任何AJAX工具询问你自己的服务器。

location /get_ip {
    default_type text/plain;
    return 200 $remote_addr;
}