Question 169901 in Jquery Question posted in
The official Jquery Api Documentation can be found here.

Can jQuery append an IP address to a GET URL?

Everything gets appended to the url except for the ip address. The end of the url should look like this for example; ip=127.0.0.1. But the ip address is not being added. Any ideas?

Here is the code…

<!-- User-Agent IP Code -->
<script type="application/javascript">
function getIP(json) {
    $.get( "https://hook.us1.make.com/s86ki3rt515ieg1gr3f9xxc5ufdu59zb?" +location.search.substring(1), "user=" + navigator.userAgent, "ip=" + json.ip);
}
</script>
<script type="application/javascript" src="https://api.ipify.org?format=jsonp&callback=getIP"></script>
<!-- User-Agent IP Code -->
Tags:

3

Answers


  1. 0

    I believe the issue is in the "$.get" line. I looks like your trying to concatenate the parameters in the string and they aren’t properly formatted. In the $.get() function it expects the params to be a single object. You can create an object with the params and put it in the function. I’m not sure how the navigator.userAgent or json.ip string is from the code you have provided but if you pass the params it should give you a good idea. Here is my code.

    <!-- User-Agent IP Code -->
<script type="application/javascript">
function getIP(json) {
    let params = {
        user: navigator.userAgent,
        ip: json.ip
    };

    $.get("https://hook.us1.make.com/s86ki3rt515ieg1gr3f9xxc5ufdu59zb", params);
}
</script>
<script type="application/javascript" src="https://api.ipify.org?format=jsonp&callback=getIP"></script>
<!-- User-Agent IP Code -->
    Login or Signup to reply.
  2. 0

    You can use URLSearchParams to construct the query string.

    const params = new URLSearchParams(location.search);
params.append('user', navigator.userAgent);
params.append('ip', json.ip);
$.get("https://hook.us1.make.com/s86ki3rt515ieg1gr3f9xxc5ufdu59zb?" + params);
    Login or Signup to reply.
  3. 0

    It looks like there are a few syntax issues. I made some adjustments and wrapped your endpoint using the encodeURI method, which can prevent the URI-unfriendly characters from breaking the formattings.

         $.get(encodeURI(
      "https://hook.us1.make.com/s86ki3rt515ieg1gr3f9xxc5ufdu59zb" +
        location.search.substring(1) +
        "?user=" +
        navigator.userAgent +
        "&ip=" +
        json.ip
    ));
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search