Home/ Questions/Q 6062871
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T09:06:03+00:00

Here is the html and jQuery part: <html> <head> <script type=text/javascript src=jquery-1.3.2.js></script> </head> <body>

  • 0

Here is the html and jQuery part:

<html>
  <head>
    <script type="text/javascript" src="jquery-1.3.2.js"></script>
  </head>

  <body>      
   <script type="text/javascript">

    $('document').ready(function(){

       $('#submit').click(function(){

          var username=$('#user').val();

          $.post('http://localhost:8080/verify/comment.php',
                 {
                   user:username
                 },
                 function(return_data)
                 {
                   alert(return_data);
                 }
           );
       });

   });
  </script>

   Username:<input type="text" id="user"/>
   <input type="button" id="submit" value="submit"/>

 </body>
</html>

comment.php

 <?php    
    echo 'welcome';
 ?>

It displays an empty alert message.. I can’t get the value “welcome” in alert message……..
Any suggestion…….?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Ohhh… my eyes just went crazy rolling by looking at this code. So many things you are doing wrong… Where to start?

    1. Current jQuery version is 1.6, not 1.3.2.
    2. Your HTML is not valid. You don’t have a form element.
    3. You don’t listen for a click event on the submit button, but for a submit event on the form.

    This should be working for you:

    <html>
    <head>
    </head>
    <body>
        <script type="text/javascript" src="jquery-1.3.2.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $('#login').submit(function(e){
                    // prevent form submit, so we can do a manual one
                    e.preventDefault();

                    var username = $('#user').val();
                    $.post('http://localhost:8080/verify/comment.php', {user:username}, function(return_data){
                        alert(return_data.message);
                    }, 'json');
                });
            });
        </script>
        <form id="login" action="" method="post">
            <label for="user">Username:</label>
            <input type="text" id="user"/>
            <input type="button" id="submit" value="submit"/>
        </form>
    </body>
</html>

    Here is your PHP, which echos a json_encode()d string, for context (notice how we accessed returned_data.message on the above code:

    <?php
$return_data = array(
    'message' => 'Welcome'
);
echo json_encode($return_data);
?>
    • 0