如何在html表单中显示login.php结果？

Question

我正在编写php登录脚本，脚本已经准备好了——这里是部分代码：

HTML FORM

<input type="text" id="username" />
<input type="password" id="password" />
</input type='submit' id="submit"/>
<div id='result'></div>

<script>
$('#submit').click(function() {
    $.ajax({                    
      url: 'login.php',     
      type: 'post',
      data: { username: $('#username').val(),  password: $('#password').val() }, 
      dataType: 'json',                   
      success: function(data)         
      {
      } 
    }); 
});
</script>

LOGIN.PHP

if (isset($_POST['username']) && isset($_POST['password'])) {
    $user = mysql_real_escape_string($_GET['username']);
    $pass = mysql_real_escape_string($_GET['Password']);
    $sql = mysql_query("SELECT * FROM users WHERE username='$user' AND password='$pass' LIMIT 1");
    $userCount = mysql_num_rows($sql);
    if ($userCount ==1) 
    {
        echo "login success!";
    }
    else
    {
        echo "Wrong detail!";
    }
}

我想要的是在html表单中显示login.php结果。我有html格式的div：

<div id='result'></div>

有人能帮我吗？感谢大家。

更新：

我试过下面这个了，但没有用：

 success: function(data)         
  {
    $('#result').html(data);
  } 

Answer 1

You need to add one line code in your ajax success function.i hope it is helpfull for you.

<script>
 $('#submit').click(function() {
$.ajax({                    
  url: 'login.php',     
  type: 'post',
  data: { username: $('#username').val(),  password: $('#password').val() }, 
  dataType: 'json',                   
  success: function(data)         
  {
    $('#result').html(data);
  } 
}); });
</script>