如何从codeigniter视图发出ajax请求答案

【问题标题】：How to make ajax request from codeigniter view如何从codeigniter视图发出ajax请求
【发布时间】：2013-02-11 12:18:32
【问题描述】：

我有意见

     <script type="text/javascript">

function ajax_articles() {

    $.ajax({
      url: "http://localhost/codeigniter/CodeIgniter_2.1.3/index.php/patientmain/search_doctor_by_name/"+$('#search')[0],
      async: false,
      type: "POST",
      data: "type=article",
      dataType: "html",
      success: function(data) {
        $('#ajax').html(data);
      }

  });

}
</script>
<div class="content">
<div class="content-left">
<div  class="row1">
   <h2>Welcome <? echo $username ?></h2>
   <form name="search">
   Search Doctor by name : <input name="name" id="search" type="text" onChange="ajax_articles();">
   </form>
   </div>

   <div id="ajax">


</div>
</div>

<div class="content-right">
<div class="mainmenu">
<h2 class="sidebar1">My Menu</h2>
<p><ul>
  <li><a href="#">this is a dummy link 1</a></li>
  <li><a href="#">this is a dummy link 2</a></li>
  <li><a href="#">this is a dummy link 3</a></li>
  <li><a href="#">this is a dummy link 4</a></li>
  <li><a href="#">this is a dummy link 5</a></li>
  <li><a href="#">this is a dummy link 6</a></li>
  <li><a href="#">this is a dummy link 7</a></li>
  <li><a href="#">this is a dummy link 8</a></li>
  <li><a href="#">this is a dummy link 9</a></li>
  <li><a href="#">this is a dummy link 10</a></li>
</ul></p>
</div>


</div>
</div>

这是我的观点，现在我想通过这个 jquery ajax 调用 http://localhost/codeigniter/CodeIgniter_2.1.3/index.php/patientmain/search_doctor_by_name。但什么都没有发生。没有回应。我认为代码中存在一些问题，任何人都可以指出问题。请建议。谢谢

【问题讨论】：

你检查过firebug中的错误吗..？
在 ajax 请求中，尝试将另一个函数置于错误状态，例如 error:function() { alert("Error in ajax call"); }
我是 jquery ajax 的新手，你能告诉我在哪里添加这段代码

标签： php jquery html ajax

【解决方案1】：

包括

<script src="http://code.jquery.com/jquery-latest.js"></script>

并使用此功能

$(document).ready(function(){
    $("#search").change(function(){
        dataString = $("#JqAjaxForm").serialize();
        $.ajax({
        type: "POST",
        url: "your ci url",
        data: dataString,
        dataType: "json",
        success: function(data) {
            //var obj = jQuery.parseJSON(data); if the dataType is not specified as json uncomment this

            alert(data);// this will be a json string

        }

        });         

    });
});

并像这样给你的文本框

<input id="search" type="text" name="name_ajax" />

这是您的表单 ID

JqAjaxForm

【讨论】：

【解决方案2】：

function ajax_articles() {
$.post("http://localhost/codeigniter/CodeIgniter_2.1.3/index.php/patientmain/search_doctor_by_name/"+$('#search').val(),{},function(data) {$('#ajax').html(data);});

}

试试这个

【讨论】：

【解决方案3】：

像这样：

public function search_doctor_by_name($search_name = '') {
      //$this->db->where('name',$search_name);
      //$row = $this->db->get('table')->result_array();
      $this->output->set_output($data);//or echo 'some data';
}

也许你需要萤火虫。^_^

【讨论】：

这个功能在那里，它的工作只有 ajax 没有加载