2013-02-26 58 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