Home/ Questions/Q 139909
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-11T07:31:11+00:00

I’m trying to make a simple MySQL Admin thing with php and jQuery. I’ve

  • 0

I’m trying to make a simple MySQL Admin thing with php and jQuery. I’ve never used jQuery so my code is probably quite lol-worthy. The problem I’m having with the code is that when I click the button, nothing happens. I know the even fires because if I open the html file in firefox (not going to the url, using the file:/// thing) and click it, it shows my php code in the box I want the returned content to go into. The first thing i’m trying to do is connect to the database specified and return a list of the tables. Heres my code

index.html

<html>     <head>         <script type='text/javascript' src='jquery.js'></script>          <script type='text/javascript'>             var Server = 'None';             var Username = 'None';             var Password = 'None';             var Database = 'None';              $('#connect').click(function() {                 Server = $('#server').val();                 Username = $('#username').val();                 Password = $('#password').val();                 Database = $('#database').val();                 loadTables();             });              function loadTables() {                 $.get('display.php', { server: Server, username: Username, password: Password, database: Database, content: 'tables' },                     function(data){                         html = '<ul>';                         $(data).find('table').each(function() {                             html = html + '<li>' + $(this).text() + '</li>';                             });                                             html = html + '</ul>';                         $('#content').html(html);                     }                 );             }         </script>     </head>     <body>         <center>             <div class='connection'>                 <form name='connectForm'>                     Server: <input type='text' size='30' id='server' />&nbsp;                     Username: <input type='text' id='username' />&nbsp;                     Password: <input type='password' id='password' />&nbsp;                     Database: <input type='text' id='database' />&nbsp;                     <input type='button' id='connect' value='Connect' />                 </form>             </div>             <div id='content'>              </div>         </center>     </body> </html>

display.php

<? mysql_connect($_GET['server'], $_GET['username'], $_GET['password'])     or die('Error: Could not connect to database!<br />' . mysql_error()); mysql_select_db($_GET['database']);  $content = $_GET['content'];  if ($content == 'tables') {     $result = mysql_query('show tables');     $xml = '<?xml version=\'1.0\' encoding=\'UTF-8\'?>\n';     $xml .= '<tables>';     while ($row = mysql_fetch_assoc($result)) {         $xml .= '<table>' . $row['Tables_in_blog'] . '</table>';     }     $xml .= '</tables>';     header('Content-type: text/xml');     echo $xml; } ?>

EDIT: I have updated the code according to a mix of a few answers, but I’m still having the same problem.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Ok, firstly don’t do that and by ‘that’ I mean:

    • Don’t put DB connection details in Javascript; and
    • Don’t use input from the user without sanitizing it. You’re just asking to be hacked.

    That being said, your main problem seems to be that $(#content) should be $('#content'). Also putting an onclick on the button isn’t really the jQuery way. Try:

    <body> <div class='connection'>   <form name='connectForm'>     Server: <input type='text' id='server' size='30' name='server' />     Username: <input type='text' id='username' name='username' />     Password: <input type='password' id='password' name='password' />     Database: <input type='text' id='database' name='database' />     <input type='button' id='connect' value='Connect' />   </form> </div> <div id='content'></div> <script type='text/javascript' src='/jquery-1.3.1.js'></script> <script type='text/javascript'> $(function() {   $('#connect').click(function() {     $.get(       'display.php',       {         server: $('#server').val(),         username: $('#username').val(),         password: $('#password').val(),         database: $('#database').val(),         content: 'tables'       },       function(data) {         $('#content').html('<ul></ul>');         $(data).find('table').each(function() {           $('#content ul').append('<li>' + $(this).text() + '</li>');         });       }     );   }); }); </script> </body>

    Edit: minor corrections to the above and tested with this script:

    <? header('Content-Type: text/xml'); echo '<?xml version=\'1.0\' encoding=\'UTF-8\'?>\n'; ?> <root> <? $tables = array('one', 'two', 'three', 'four'); foreach ($tables as $table) {     echo '  <table>$table</table>\n'; } ?> </root>
    • 0