HTML-соединение с MySQL

Question

Я хочу создать сценарий входа на HTML-страницу. Я прочитал, что мне нужно использовать промежуточный скрипт, чтобы я мог использовать свой HTML-код в базе данных. Итак, я написал страницу PHP, которая проверяет имя пользователя/пароль в отношении базы данных.

Я также прочитал, что я должен использовать AJAX для подключения к базе данных.

Я хотел бы знать, как написать код AJAX, чтобы вернуть значение логина либо true, либо false.

Answer 1

AJAX - это не что иное, как JavaScript, который подключается к серверному ресурсу (например, страница с поддержкой PHP), получает результат и, вероятно, делает некоторые манипуляции с UI HTML как ответ на этот результат. Хорошее место для начала - the jQuery ajax method. Использование jQuery JavaScript-библиотеки сделает процесс намного проще. Но, в конечном счете, он подключится к вашему PHP-коду на сервере, чтобы выполнить фактическое взаимодействие с базой данных.

Помимо этого, похоже, что в этом проекте вам не хватает хорошего контроля над дизайном. Утверждение «Я также прочитал, что я должен использовать AJAX для подключения к базе данных». особенно беспокоит. Где вы это читали? Почему вы это прочитали? Похоже, в этом предположении мало значения, кроме тех, кто где-то думает, что «AJAX классный, и люди должны использовать его для всего».

Есть ли конкретная проблема дизайна для использования AJAX против просто отправки формы в некоторый PHP-код?

Answer 2

Если я правильно понял ваш вопрос, вы можете справиться с этим двумя способами. Первый (и самый распространенный) способ просто установить PHP скрипт в качестве действия вашей HTML-формы:

<form method="post" action="folder/phpfile.php"> 
    <input type="text" name="username" /> 
    <input type="password" name="password" /> 
</form> 

После этого, убедитесь, что ваш PHP скрипт занимает в почтовых переменных, как $_POST['input_name'], где input_name является имя, которое вы использовали во вводе в вашей HTML-форме (как «имя пользователя» и «пароль», используется выше).

Использование AJAX для аутентификации не всегда является лучшим способом обработки вещей, на мой взгляд, но это выполнимо. Я бы порекомендовал вам попробовать использовать JQuery за вашим JavaScript, если вы собираетесь идти по маршруту AJAX. У них действительно удобная структура для обработки запросов и событий AJAX.

Answer 3

Вы должны по крайней мере попробовать Google перед публикацией здесь.

Google Search: Ajax код Логин

Это очень простая реализация, но может стать отправной точкой. http://woork.blogspot.com/2007/10/login-using-ajax-and-php.html

Вам может понадобиться прочитать на AJAX немного, если это не делает Sence: http://code.google.com/edu/ajax/tutorials/ajax-tutorial.html

Answer 4

Хотя это не необходимые использовать AJAX для этого, вы можете использовать что-то, как показано ниже.

Учитывая вас есть элемент, который имеет имя пользователя и пароль, как показано ниже:

<div id="login"> 
    <label for="txtUsername">Username:</label> 
    <input type="text" id="txtUsername" /> 
    <label for="txtPassword">Password:</label> 
    <input type="password" id="txtPassword" /> 
    <button id="btnLogin">Log In</buton> 
</div> 
<div id="logout" style="display: none;"> 
    <a href="logout.php">Log Out</a> 
</div> 

Затем, имея JQuery уже ссылки называют вашу страницу PHP ("Войти.PHP»в приведенном выше примере):

<script type="text/javascript"> 
$(function() { 
    $("#btnLogin").click(function() { 
    $.ajax({ 
     url: "login.php", 
     data: {username: $("#txtUsername").val(), password: $("#txtPassword").val()}, 
     success: function(data){ 
     $("#login").toggle(); 
     $("#logout").toggle(); 
     } 
    }); 
    }); 
}); 
</script>