CodeIgniterの -

Question

をフォーム変数を投稿してjQueryのAJAXを通じて取得する私は、変数を投稿する必要がありますとAjaxにjQueryを使用してCodeIgniterのになります。

私のデータベースには内容がありますが、コードは空の配列を返しています。 - array（0）{}。 問題は、変数がフォームから転記されていないことです。ここに私のコードは次のとおりです。

フォームコード - ビュー：

<form id = "myform1" onsubmit="return false"> 
<select name="field_country"> 
<option value="0">Argentina</option> 
<option value="1">Chile</option> 
</select> 
</form> 

Javascriptを - ビューのインライン：

jQuery(document).ready(function($){ 
$("select[name='field_country']").change(function(){ 
    var country_name= $("select[name='field_country'] option:selected").text(); 
    $.post("<?= base_url(); ?>index.php/catalog/getCities/", {country:country_name}, function(data){ 
    alert(data); 
    }) 
}) 
}) 

catalog.phpコントローラ - 機能：

function getCities(){ 
$country_name = $this->input->post('country', 'Argentina'); 
$result = $this->catalog_model->getCitiesNames($country_name); 
var_dump($result); 
} 

catalog_modelモデル関数は：

function getCitiesNames($country_name) { 
$cities=array(); 
$result = $this->db->query("SELECT title FROM cities WHERE country = '".$country_name."'"); 
foreach ($result->result() as $row) { 
    array_push($cities, $row->title); 
} 
return $cities; 
} 

Answer 1

はあなたのJavascriptとコントローラコードに小さな変更を加える必要があります。 JavascriptとPHPが互いに通信するためには、情報の転送に使用している形式を両方のコードに伝えなければなりません。最も簡単で一般的な形式はJSONです。したがって、JSONを送受信するようにコードを変更する必要があります。

フォームビュー

<form id="myform1" onsubmit="return false"> 
    <select id='country' name="field_country"> 
     <option value="0">Argentina</option> 
     <option value="1">Chile</option> 
    </select> 
</form> 

私は簡単に到達するためにあなたのselectにid='country'を追加しました。

JAVASCRIPT

$(document).ready(function(){ 
    // When the SELECT is changed 
    $("#myform1 #country").change(function(){ 

    var country_name= $(this).find("option:selected").text(); 
    $.post ("<?= base_url(); ?>index.php/catalog/getCities/", 
      { country:country_name }, 
      function(data){ 
       ...on success do something here 
      }, 
      'json' 
    ); 

}); 

}）。

JSONオブジェクトが戻ってくることをJavascriptに伝える必要があります。

CONTROLLER

function getCities(){ 
    $country_name = $this->input->post('country'); 
    $result = $this->catalog_model->getCitiesNames($country_name); 

    echo json_encode($result); 
} 

あなたのPHPコードは、その後、JSONオブジェクトを返す必要があります。

Answer 2

jQuery(document).ready(function($){ 
$("select[name='field_country']").change(function(){ 
    var country_name= $("select[name='field_country'] option:selected").text(); 
    $.ajax({ 
    type: "POST", 
    url: "<?= base_url(); ?>index.php/catalog/getCities/", 
    data: "country="+country_name, 
    success: function(data){ 
      alert(data); 
     } 
    }); 
    }); 
});