Отправка данных в БД с использованием Ajax в JQuery

Я пытаюсь отправить данные в базу данных, используя скрытие или показ кнопки. Когда я нажимаю кнопку «Скрыть», он отображает информацию о пользователе и показывает противоположное. JQuery, который у меня есть для этого, выглядит следующим образом:

$(document).ready(function() {

            $("#about-user-widget .hide-btn").click(function(){
                $("#about-user-widget").slideToggle();
                $("#show-button").attr('style', 'margin-bottom: 5px; font-size: 11px; color: #ddd; display: visible;');
            });

            $("#show-button").click(function(){
                $("#about-user-widget").slideToggle();
                $("#show-button").attr('style', 'margin-bottom: 5px; font-size: 11px; color: #ddd; display: none;');
            });

Это работает отлично, довольно легко. То, что я хотел бы сделать для этого, - отправить данные в таблицу users и обновить столбец с именем view с помощью строки «SHOW» или «HIDE». Таким образом, когда другие пользователи приходят к просмотру своего профиля, он будет отображать только информацию. основанный на выборе пользователей.

Как мне это сделать с помощью Ajax? Я плохо разбираюсь в Ajax и не уверен, как структурировать все это вместе как функцию.

У меня это началось для кнопки Ajax для Hide:

    var userLoggedIn = '<?php echo $userLoggedIn; ?>'
    var userInfoHide = 'HIDE'

    $(document).ready(function(){

      $("#about-user-widget .hide-btn").click(function()

    //ajax request for send 'HIDE' string to dB
    $.ajax({
        url: "includes/handlers/ajax_hide_show.php",
        type: "POST",
        data: "userLoggedIn + userInfoHide,
        cache: false,

            success: function(data) {
              $("#about-user-widget").slideToggle();
              $("#show-button").attr('style', 'margin-bottom: 5px; font-size: 11px; color: #ddd; display: visible;');


        });
        });

У меня есть это до сих пор для ajax_hide_show.php

$userLoggedIn = $_POST['userLoggedIn'];
$userInfoHide = $_POST['userInfoHide'];

$updateView = mysqli_prepare($con, "UPDATE users SET view=? WHERE username=?");
$updateView->bind_param("ss", $userInfoHide, $userLoggedIn);
$updateView->execute();
$updateView->close();

Всего 2 ответа


использовать в этом формате .... его легко

$(document).ready(function(){
    $("#fname").keyup(function(){
        var fname1 = $('#fname').val();
        if(fname1.length =="") {
            $('.fname_error').remove();
            $('#fname_below').after('<span class="fname_error error">First name is required</span>');
            $('.fname_error').show();
        } else {
            $('.fname_error').hide();
        }

    });
    $("#lname").keyup(function(){
        var lname1 = $('#lname').val();
        if(lname1.length =="") {
            $('.lname_error').remove();
            $('#lname_below').after('<span class="lname_error error">Last name is required</span>');
            $('.lname_error').show();
        } else {
            $('.lname_error').hide();
        }

    });
    $("#cname").keyup(function(){
        var cname1 = $('#cname').val();
        if(cname1.length =="") {
            $('.cname_error').remove();
            $('#cname_below').after('<span class="cname_error error">Company name is required</span>');
            $('.cname_error').show();
        } else {
            $('.cname_error').hide();
        }
    });

Выяснилось ... всегда возникают проблемы с данными.

var userLoggedIn = '<?php echo $userLoggedIn; ?>'
    var userInfoHide = 'HIDE'
    var userInfoShow = 'SHOW'

        $(document).ready(function() {

            $("#about-user-widget .hide-btn").click(function(){

            //ajax request for send 'HIDE' string to dB
            $.ajax({
                url: "includes/handlers/ajax_profile_hide_info.php",
                type: "POST",
                data: "&userLoggedIn=" + userLoggedIn + "&userInfoHide=" + userInfoHide,
                cache: false,

                        success: function(data) {
                          $("#about-user-widget").slideToggle();
                          $("#show-button").attr('style', 'margin-bottom: 5px; font-size: 11px; color: #ddd; display: visible;');
                        }


                }); 
        });

            $("#show-button").click(function(){

            //ajax request for sending 'HIDE' string to DB
            $.ajax({
                url: "includes/handlers/ajax_profile_show_info.php",
                type: "POST",
                data: "&userLoggedIn=" + userLoggedIn + "&userInfoShow=" + userInfoShow,
                cache: false,

                        success: function(data) {
                          $("#about-user-widget").slideToggle();
                          $("#show-button").attr('style', 'margin-bottom: 5px; font-size: 11px; color: #ddd; display: none;');
                        }
                });
        });

Есть идеи?

10000