CODEWITHSUNDEEP
javascriptjqueryhtmljson
Cyborg
Cyborg

Reputation: 1457

JSON/Jave not updating innerHTML onClick event

I have this java script:

<script type="text/javascript">
    $(document).ready(function() {
    $('#domaincheckbutton').click(function() {
    var finalMessage = document.getElementById('finalMessage');
    finalMessage.innerHTML = "Please wait ...";
    var val = $('#domain').val();
    $.get('http://www.example.com/domainsearch.php', {domain: val}, function(data) {         

    result = $.parseJSON(data);
    $("input[name='domainresults']").val(result.domainresults);
    var finalMessage = document.getElementById('finalMessage');
    finalMessage.innerHTML = val(result.domainresults);
            });
        });
    });
</script>

And HTML:

<input type="text" id=domain name="domain" value="" />
<button id="domaincheckbutton" name="domaincheckbutton" >Check NOW</button>
<input type="text" name="domainresults" value="" readonly="readonly" />
<h2 id="finalMessage"></h2>

With my code I am not able to update/echo finalMessage second time.

This is working: finalMessage.innerHTML = "Please wait ...";

I can't get this working: finalMessage.innerHTML = val(result.domainresults);

Please help

Upvotes: 2

Views: 61

Answers (1)

Josh S.
Josh S.

Reputation: 597

Improper setting of the results. try this.

finalMessage.innerHTML = result.domainresults;

Upvotes: 1

Related Questions