Question

I would like to know how I can create a html form to process a url request to http://isitup.org.

The website provides a javascript widget that gives me an option to pass a url within a html file, but I’d like to know how I can do this using a html form.

Answer 1

you can easily do this without a HTML Form as the call can be async

in your html:

<input type="text" id="txtDomain" value="stackoverflow.com" /> 
<button>Check Domain</button>

<div id="result"></div>

and in jQuery:

$(function() {

  $("button").click(function() {

    var url = 'http://isitup.org/' + $("#txtDomain").val() + '.json';

    $.getJSON(url + "?callback=?", function(data) {

      $("#result").html(
        "<h2>" + data.domain + "</h2>" +
        "<ul>" + 
          "<li>Code: " + data.response_code + "</li>" +
          "<li>IP: " + data.response_ip + "</li>" +
          "<li>Time " + data.response_time + " ms</li>" +
        "</ul>"
      );

    });

  });


});

a live example can be found on JsBIN