Question

In my form, I want to do something with two fields:

“website_domain” and “website_ip_address”

I’m trying to use jQuery/JSON to call a PHP script, pass the website_domain to it, and receive JSON including the IP address of that website.

Problem/Symptoms Description:

It’s partially working: On blur, it GETs the url of the PHP script. I can see that much in firebug. I get a 200 OK. Output from the PHP script is valid JSON according to JSONLint:

{“field”:”website_ip_address”,”value”:”74.125.225.70″}

But in Firebug, I don’t have a JSON tab. I only have Params and Headers tabs. Not even a Response tab.

Needless to say, the website_ip_address field is also not being populated with the data I should be getting from the PHP script’s JSON output.

My PHP Script:

It may be important to note that for now, this PHP script on a different domain from my application. Maybe my whole problem is cross-domain?

<?php 
    $domain = $_GET["domain_name"];
    $ip = gethostbyname($domain);
    // echo $ip;
    $json = array(
        'field' => 'website_ip_address',
        'value' => $ip,
        );
    header('Content-Type: text/plain');
    echo json_encode($json );
?>

My jQuery/JSON script:

Note this is written inside a Ruby On Rails application view.

:javascript
  $("#website_domain").bind("blur", function(e){
     $.getJSON("http://exampledomain.com/temp_getIP.php?domain_name=" +$("#website_domain").val(),
        function(data){
          $('#website_ip_address').val(data);
        });
});

I really hope this isn’t just a syntax error on my part. I’ve been writing/rewriting this for 2 days, based on answers I’ve found on StackOverflow, to no avail. I’m just missing something here.

Answer 1

You are currently attempting to output the JS object (that is formed from the parsed JSON response) to the field. You need to output a value from within it. So not:

$('#website_ip_address').val(data); //data is an object, not a string

but

$('#website_ip_address').val(data.someValue); //output a property of the object

With your code as it is, I would expect the field to be populated with the string representation of an object, which is [object Object]. You don’t mention this, so I wonder whether a) your success function is even firing (check this – stick a console.log in it); b) your jQ selector is sound.