登录Ajax后刷新PHP页面

时间:2020-10-01 04:42:49

标签: php refresh

下面的代码已经可以工作了,但是我需要那一部分

               'use strict';
const seccCards = document.querySelector('#sctCards');
const inputFiltro = document.querySelector('#txtFiltro');

const imprimirCards = () => {
    seccCards.innerHTML = '';
    let filtro = inputFiltro.value.toLowerCase();
    passengers.forEach(obj_passenger => {
        if (obj_passenger.Name.toLowerCase().includes(filtro)) {
            let card = document.createElement('div');
            card.classList.add('card');


            let passengerbeen = document.createElement('h2');

            passengerbeen.innerText = obj_passenger.Name;
            if (obj_passenger.Survived == 0) {
                passengerbeen.classList.add('fas');
                passengerbeen.classList.add('fa-skull');
            }


            let passengerF = document.createElement('p');
            var survivalStatus;
            if (obj_passenger.Survived == 1) {
                survivalStatus = "sobrevivio";
            } else {
                survivalStatus = "fallecido";
            }
            passengerF.innerHTML = survivalStatus;


            let voyage = document.createElement('p');
            var voyageEmbark = " ";
            if (obj_passenger.Embarked == "C") {
                voyageEmbark = "Cherbourg";

            } else if (obj_passenger.Embarked == "Q") {
                voyageEmbark = "Queenstown";
            } else {
                voyageEmbark = "Southampton";
            }

            voyage.innerHTML = voyageEmbark;
            if (obj_passenger.Embarked == ("C") && obj_passenger.Survived === 1) {
                passengerbeen.classList.add('cSurvived');
            } else if (obj_passenger.Embarked == ("C") && obj_passenger.Survived === 0) {
                passengerbeen.classList.add('cDied');

            } else if (obj_passenger.Embarked == ("Q") && obj_passenger.Survived === 1) {
                passengerbeen.classList.add('qSurvived');
            } else if (obj_passenger.Embarked == ("Q") && obj_passenger.Survived === 0) {
                passengerbeen.classList.add('qDied');
            } else if (obj_passenger.Embarked == ("S") && obj_passenger.Survived === 1) {
                passengerbeen.classList.add('sSurvived');
            } else {
                passengerbeen.classList.add('sDied');
            }



            let passengerSex = document.createElement('p');
            var passengerGender;
            if (obj_passenger.sex == "male") {
                passengerGender = "hombre";
            } else {
                passengerGender = "mujer";
            }
            passengerSex.innerHTML = passengerGender;
            let passengerAge = document.createElement('p');
            var passengerAgeMystery = " ";
            if (obj_passenger.Age.length < 1) {
                passengerAgeMystery = "Edad desconocida";


            } else {
                passengerAgeMystery = obj_passenger.Age;
            }

            passengerAge.innerHTML = passengerAgeMystery;




            card.appendChild(passengerbeen);
            card.appendChild(passengerF);
            card.appendChild(passengerSex);
            card.appendChild(passengerAge);
            card.appendChild(voyage);
            seccCards.appendChild(card);

        }

    });
};

//function filterEmbark

inputFiltro.addEventListener('keyup', imprimirCards);
imprimirCards();

还可以触发页面刷新。

是否可以通过为此添加php代码来实现这一目标?

echo '<a href="#login-dialog" class="small-dialog popup-with-zoom-anim login-btn">'.esc_html__( 'Login to apply on company site', 'workscout' ).'</a>';

0 个答案:

没有答案