StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POSubmit through AJAX from a jQuery generated From
text
Body
copied!<p>A page dslogin.php is loaded from a side panel into </p> <pre><code><div id="workarea"> </div> </code></pre> <p>The link which loads the page is very simple:</p> <pre><code><a id=\"ds_action\" href=\"javascript:outputResults('dslogin.php','workarea','db=$k');\"> Connect to $k</a> </code></pre> <p>but when dslogin get $_GET["db"] it generated a Form which shows up in the workarea div. Now the form is also simple :</p> <pre><code>function getCredentials($db,&$u,&$p) { echo "Connecting to Database $db: <br/>\n"; echo "<form id=\"dblogin\" action=\"dsconnect.php\" method='post'> \n" ; echo" Please enter your username and password if you wish. <br/> \n" ; echo "Username: <input type='text' name='username' > \n " ; echo "Password: <input type='password' name='password' > \n" ; echo "<input type='submit' value='Login' name='Login'> <br/> \n" ; echo "<input type='hidden' value=$db name='database'> <br/> \n" ; echo "</form>" ; echo "<div id=\"local\"> </div>"; } </code></pre> <p>Once the users submits the form, an ajax code supposed to intercept it in this following code</p> <pre><code> <script> $(document).ready(function() { $('#dblogin').submit(function() { // catch the form's submit event $.ajax({ // create an AJAX call... data: $(this).serialize(), // get the form data type: $(this).attr('method'), // GET or POST url: $(this).attr('action'), // the file to call success: function(response) { // on success.. $('#local').append(response); // update the DIV } }); return false; // cancel original event to prevent form submitting }); }); </script> </code></pre> <p>This is NOT working. My thinking is that when the page first loads with the ajax script:</p> <pre><code>$(document).ready(function() { $('#dblogin').submit(function() ... </code></pre> <p>there is no link to the dblogin Form because it was not yet loaded. </p> <p>When you click on submit, you get the action page dsconnect.php instead of getting the output of it appended to the form page as it supposed to do.</p> <p>Is there a way to make this work? </p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload