0

所以这是我在本地主机中的问题。我将搜索参数传递给我的 Home 控制器，例如：

<form method="post" action="<?=site_url('home/index');?>">

当我这样做时，我的 ajax 菜单被正确填充

       ----------
SEARCH:| mot    |
        ----------------------------
       | motorcyles ...            |
       | motorhomes ...            |
       | motorola ..               |
       -----------------------------

.

在我的网络服务器上，提交表单的唯一方法是<form method="post" action="<?site_url('home/index');?>">如果我把“=”放在那里，它什么也不做。如果我使用

<?php echo site_url('home/index');?>">

它也不会显示任何内容。

此外，当我在我的网络服务器上输入搜索词时

        ----------
 SEARCH:| mot    |
         ---------

没有，没有错误，没有结果。如果我提交表格，我只有在按下提交后才能得到正确的结果。

我的控制器正在从数据库中获取正确的结果，这是我对结果数组进行编码的方式：

if ( $this->input-> is_ajax_request())
    {
        $this->output->set_header("Cache-Control: no-cache, must-revalidate");
        $this->output->set_header("Expires:Mon, 4 Apr 1994 04:44:44 GMT");
        $this->output->set_header("Content-type:application/json");

        echo json_encode($results);
        exit();

    }

    else {

        $data['results'] = $results;

         }

我的 js 文件没有错误。我关闭了 CSRF。为什么会这样？

$(document).ready(function() {

    var action= $('form').attr('action');
    var results = $('#results');

    function ajax_search(search) {

        $.post(action, {
            search: search
        }, function(data) {

            if(data.length) {

                var el = $('<ul/>');

                $.each(data,function(i,item){
                    $(el).append('<li><span class="Course_Name">' + 
                    item.course_name_highlighted + '</span> &ndash; <span class="FirstName">' + item.FirstName + '</span> &ndash; <span class="LastName">' 
                    + item.LastName + '</span> &ndash; <span class="COURSE_ID">'+item.COURSE_ID +'\n</span></li>');
                });

                $(results).empty().append(el);
            }



            else{
                $(results).empty();
            }
        }, 'json');

    }




    $('#search').keyup(function() {

        var search = $(this).val().replace(/^\s+l\s+$/g, "");

        if(search.length > 1)

        {
            clearTimeout($.data(this, 'timer'));

            var wait = setTimeout(function() 
            {
                ajax_search(search)

            }, 400);

            $.data(this,'timer', wait);
        }

    });

});
4

4 回答 4

1

而不是表单提交，您希望结果在 keyup 事件正确后显示（即：当有人键入时）？

尝试

$("input[name='search']").on('keyup', function(){

     var $this = $(this),
         results = $("#results"),
         timeout = '';

     // ------ delayed keyup event  ------//

     //reset initial timeout
     if(timeout)
     {
         window.clearTimeout(timeout);
         timeout = NULL;
     }
     // ------Timeout Listener ----- //
     timeout = window.setTimeout(function(){
        //send ajax request
        var searchTerm = $this.val();

     }, 1000);  // listens for when last key has been pressed after 1sec

});
于 2012-09-07T08:53:21.213 回答
0

如果您希望在用户键入任何内容时显示结果。用户 jquery ajax 表单提交而不是普通表单提交。

即使在文档加载时也使用 keyup 像：

$(document).ready(function() {
var dataString = 'searchword='+ searchbox;
   $(".search").keyup(function() 
      $.ajax({
        type: "POST",
        url: "relative path to file", //this is the file which you normally use with action=""
        data: dataString,
        cache: false,
        success: function(data){
          "do whatever you want with data, example append or prepend data to any div";
        }
        });
      });
   });
});

并使用带有查询的like语句在您的索引文件上显示结果

$q=$_POST['searchword'];

mysql_query("select * from table where fieldname like '%q%' order by fieldname LIMIT 5") or die(mysql_error());

在此使用 while 语句获取结果之后......

于 2012-09-07T09:07:16.053 回答
0

你想在按键数据，所以把你的 ajax 或 ajax+ jquery 函数 onkeypress 事件。要获取数据，您可以使用 jquery 的 $.post、$.ajax、$.get 方法，或者您可以使用简单的 ajax 函数从中间文件中检索数据。

于 2012-09-07T12:32:40.533 回答
0

jQueryajaxSubmit在这里可能对你很方便。 http://be.twixt.us/jquery/formSubmission.php

或 $("#formId").ajaxSubmit({url: 'xxx.php', type: 'post'})

或 $("#formId").ajaxForm({url: 'xxx.php', type: 'post'})

或者你可以使用 $.post('xxx.php', $('#formId').serialize())

注意：$.post 只是 jQuery ajax 的简写，但有一些区别。

于 2012-09-07T08:46:11.767 回答