JSFiddle - React, Tailwind, and code Playground

by dandapianoman

HTML

First name: <input id="attorneyFN" type="text" name="firstname" />
<br />
Last name: <input id="attorneyLN" type="text" name="lastname" />
<br />
<input type="submit" id="searchSubmit" value="Search" onclick="attorneySearch()"/>
<br />
<p>Results:</p>
<p id="searchResults"/>

JavaScript

function attorneySearch()
{
    var attorneyFN = document.getElementById('attorneyFN').value;
    var attorneyLN = document.getElementById('attorneyLN').value;
    
    var urlAL = 'http://www.alabar.org/directory/dirSelector.cfm';
    var urlAL2 = 'http://www.alabar.org/oldirectory/';
    
    // $.post(urlAL, function(data) { alert( 'Data Loaded: ' + data ); });
    $.post(urlAL,
        {f_FirstName: 'daniel',
         f_LastName: 'thornton',
         StartRow: '-9'})
        .done(function(data) { alert('Data Loaded: ' + data); displayResults(data); })
        .fail(function() { alert('error'); })
        .always(function() { alert('finished'); });
}

function displayResults(results)
{
    alert('Updating results...');
    document.getElementById('searchResults').innerHTML = results;    
}