使用Sweetalert搜索页面

Question

我正在尝试创建一个名为'用户列表'的页面，在该页面中，我有一个带有输入文本形式的Sweetalert，用户在sweetalert中输入了一个名称，然后使用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中的参数。我已经创建了一个演示，看看是否适合您。 ↓↓