За последние 24 часа нас посетил 16061 программист и 1541 робот. Сейчас ищут 863 программиста ...

метод post

Тема в разделе "JavaScript и AJAX", создана пользователем acb, 29 мар 2011.

  1. acb

    acb Активный пользователь

    С нами с:
    29 мар 2011
    Сообщения:
    5
    Симпатии:
    0
    обработка метода post
    Хочу сделать форму логина без перезагрузки страницы
    реализовал так:

    index.html:

    HTML:
    1.  
    2. <script language="javascript" type="text/javascript" src="tools/jquery-1.5.1.js"></script>
    3. </head>
    4. <form action="" method="post" id="loginform">
    5.     Username:
    6.     <input type="text" id="username" name="username" />
    7.     Password:
    8.     <input id="password" type="password" name="password" />
    9.     <input id="s" type="submit" value="отправить" onclick="login(this.form);">
    10. </form>
    11. <div onclick="clickme()">click my</div>
    12. <div id="message"></div>
    13.  
    14. function login(data)
    15. {
    16.     var login = data.username.value;
    17.     var password = data.password.value;
    18.     var postdata = "login=" + login + "&password=" + password;
    19.     $.ajax(
    20.     {
    21.         type: "POST",
    22.         url: "login.php",
    23.         data: postdata,
    24.         success: function(html)
    25.         {
    26.             $("#loginform").hide(); // скрываем форму
    27.             $("#message").html(html);
    28.         }
    29.     });
    30. }
    31.  
    32. function clickme()
    33. {
    34.     $.post('login.php', function(html){$("#loginform").hide(); $("#message").html(html);});
    35. }
    36. </script>
    37. </body>
    38. </html>
    39.  
    login.php:

    HTML:
    1.  
    2. <?php
    3.     echo "Добро пожаловать";
    4. ?>
    5.  
    если я кликаю по <div>click my</div>, то событие обрабатывается, но на экран выводится какая-то аброкадабра.

    На кнопке отправить скрипт успешного выполнения не отрабатывает.

    Что я неправильно сделал?
    Заранее спасибо.
     
  2. asik

    asik Активный пользователь

    С нами с:
    12 июл 2007
    Сообщения:
    211
    Симпатии:
    0
    header('Content-Type: text/html; charset=windows-1251');
     
  3. asik

    asik Активный пользователь

    С нами с:
    12 июл 2007
    Сообщения:
    211
    Симпатии:
    0
    <input id="s" type="button" value="отправить" onclick="return login(this.form);">
     
  4. acb

    acb Активный пользователь

    С нами с:
    29 мар 2011
    Сообщения:
    5
    Симпатии:
    0
    не помогло return login(this.form)

    Спасибо, с кодировкой помогло, но вот return не помог
     
  5. acb

    acb Активный пользователь

    С нами с:
    29 мар 2011
    Сообщения:
    5
    Симпатии:
    0
    Большое Спасибо, все помогло :) на выделенный button только сейчас обратил внимание.