Блог

Главная - Вопросы по программированию - jquery php вставляет данные в mysql без обновления страницы

jquery php вставляет данные в mysql без обновления страницы

#php #jquery #mysql #insert

#php #jquery #mysql #вставить

Вопрос:

Привет, у меня есть следующий код на моем веб-сайте:

 <input type="text" id="name" name="name" width="25px"/>
<a href="#" id="newUser">Add User</a>

Мне нужно, чтобы при нажатии «newUser» значение имени сохранялось в моей базе данных mysql без обновления страницы.
Любой пример того, как это сделать?

Ответ №1:

Если вы не хотите использовать кнопку a <form> и a submit , которая была бы абсолютно правильным способом сделать это, вам нужно будет использовать javascript и AJAX:

  1. Подпишитесь на событие onclick привязки
  2. Отправьте AJAX-запрос на сервер, передающий значение имени, введенного в текстовое поле

  3. Отменить действие ссылки по умолчанию

    Добавить пользователя

и insert функция может быть определена в отдельном файле javascript:

 function insert() {
    var name = document.getElementById('name').value;

    // TODO: send an AJAX request to the server

    return false;
}

Ответ №2:

http://api.jquery.com/jQuery.ajax/

 $('#newUser').click(function(ev){
    $.ajax(...);
    ev.preventDefault();
});

Ответ №3:

Это можно сделать на стороне клиента с помощью библиотек ajax jquery для создания отправки без обновления. Вот пример некоторых html и javascript

 <html>
    <head>
        <script type="text/javascript" src="jq/js/jquery-1.4.4.min.js"></script>
        <script type="text/javascript">
            function adduser()
            {
                var data=$("#adduserform").serialize();
                $.ajax({
                    type: "POST",
                    url: "adduser.php",
                    data: data,
                    dataType: "html",
                });
            }
        </script>
    </head>
    <body>
        <form id="adduserform" name="adduserform">
            <fieldset>
                <input type="text" id="name" name="name" width="25px"/>
            </fieldset>
        </form>
        <a href="javascript:adduser();" id="newUser">Add User</a>
    </body>
</html>​

На стороне php просто кодируйте, как если бы вы отправляли форму через post.
У меня не было времени попробовать, но я надеюсь, что это сработает 🙂
Как и предлагали другие, посмотрите на сайте jquery для получения дополнительной информации.

Ответ №4:

Вы можете выполнить Ajax вызов с помощью jQuery, который отправит имя на сервер. В вашем PHP-коде вы сможете создать Insert Query в своей пользовательской таблице.

Ответ №5:

Для этого вы можете использовать JavaScript. Взгляните на jQuery ajax: http://api.jquery.com/jQuery.ajax /

примечание: в следующий раз попробуйте поискать в Google или, по крайней мере, предоставьте то, что вы пробовали