Поиск страницы с использованием Sweetalert

Question

Я пытаюсь создать страницу с именем «список пользователей», где у меня есть подсластитель с текстовой формой ввода, и пользователь вводит имя в подсластитель, а затем использую метод POST, например форму, для перенаправления на mywebsite.com/search и показать результаты с этим именем. Sweetalert размещен на домашней странице.

<script>
    function searchp()
{
    Swal({
        title: 'Search',
        input: 'text',
        inputPlaceholder: 'enter_name',
        inputAttributes: {
          autocapitalize: 'off'
        },
        showCancelButton: true,
        confirmButtonText: 'Search',
        confirmButtonColor: '#ffffff',
        cancelButtonColor: '#d33'
    }).then(result => {
        if (result.value) {
            $.ajax({
                  type: "POST",
                  url: '<?php echo base_url("search"); ?>',
                  data: {
                       //here 1
                  },
                  success: function(data)
                  {
                    //here 2
                  }
            });
          } else {
            Swal(
                'Ops!',
                'You canceled.',
                'error'
            )
          }
    })
}
</script>

Как вы видели, я не знаю, как применить метод POST к ''. Я использую Codeigniter 3 в качестве php рамки. равно mywebsite.com/search.

Я хочу, чтобы после того, как пользователь ввел имя в форму ввода и нажал кнопку отправить, применить метод публикации на странице поиска и показать результаты там. Бэкэнд для страницы поиска уже создан и работает с обычным тегом.

Answer 1

Эй, если вы хотите перенаправить страницу, тогда вам вообще не нужен запрос ajax. Сначала получите входное значение, а затем используйте его в качестве параметра в желаемом URL. Я создал демо, посмотрите, работает ли это для вас. ↓↓

function searchp() {
  Swal.fire({
    title: 'Search',
    input: 'text',
    inputPlaceholder: 'Enter Name',
    inputAttributes: {
      autocapitalize: 'off'
    },
    showCancelButton: true,
    confirmButtonText: 'Search',
    //confirmButtonColor: '#eee',
    cancelButtonColor: '#d33',
    preConfirm: (data) => {
      if (data != "") {
        // window.location = '<?php echo base_url('search')?>' + data;
        // or(whichever works for you)
        // window.location = '<?php echo base_url('search')?>' + '/' + data;
        console.log(`Your name: ${data}`)
      } else {
        Swal.showValidationMessage(`Please enter name`)
      }
    },
  })
}

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@9.10.12/dist/sweetalert2.all.min.js"></script>
<button onclick="searchp()" >Fire Sweet Alert</button>