2013-02-26 52 views
2

Ajax请求我有一个观点如何使从笨视图

 <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。但没有任何事情发生。没有回应。我认为代码中存在一些问题,请指出问题。请建议。 感谢

+0

你检查的萤火错误的文本框..? – 2013-02-26 06:11:39

+0

在ajax请求中,尝试在错误中加入另一个函数,如'error:function(){alert(“ajax call中的错误)”; }' – mabus44 2013-02-26 06:11:47

+0

我是jquery中的ajax的新手,你可以告诉我在哪里添加这段代码 – user2008654 2013-02-26 06:18:12

回答

0

这样的:

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'; 
} 

可能是你需要萤火虫^ _^

+0

这个函数在那里,它的工作只有ajax没有加载 – user2008654 2013-02-26 06:25:34

0
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);}); 

} 

试试这个

0

包括

<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