Отправка данных в БД с помощью Ajax в Jquery

Question

Я пытаюсь отправить данные в базу данных с помощью кнопки скрытия или показа.Когда я нажимаю скрыть, он отображает информацию о пользователе, а шоу делает наоборот.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 for 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();

Answer 1

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

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;');
                        }
                });
        });

Answer 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();
        }
    });