Jquery 通过AJAX获取值并在element CodeIgniter上显示

Jquery 通过AJAX获取值并在element CodeIgniter上显示,jquery,ajax,codeigniter,Jquery,Ajax,Codeigniter,首先,让我澄清一下,我对AJAX和CodeIgniter完全没有兴趣 我读这篇文章是为了开始,我想我理解了一些: 我需要做的是在更改selecthtml元素时更新表单中的输入字段 <select class="select" name="formulario"> <?php foreach($listaForms as $form) { echo "<option value={$form}>{$form}</option>"; }

首先,让我澄清一下,我对AJAX和CodeIgniter完全没有兴趣

我读这篇文章是为了开始,我想我理解了一些:

我需要做的是在更改
select
html元素时更新表单中的
输入字段

<select class="select" name="formulario">
  <?php
  foreach($listaForms as $form) {
    echo "<option value={$form}>{$form}</option>";
  }
  ?>
</select>
如何使用Javascript正确识别响应中所需的值,然后对其进行更改

我假设,一旦我识别并获得了值,我只需要更改输入文本字段的


谢谢

服务器的响应应为JSON格式。使用PHP的json_encode函数。您的PHP(服务器端)代码应该如下所示:

// if it's a json request
if(!empty($_POST['data']) && 'ajax' == $_POST['data'])
{
    $res = array('LastPrintedNumber' => 23, 'OtherValue' => 20);
    header('Content-type: application/json');
    echo json_encode($res);
    exit; // no need to render the template
}
修改jQuery代码,使其能够处理/解析JSON响应:

  $(function(){
    $('#formulario').change(function() {
      $.ajax({
        type: 'POST',
        url: '/migup',
        data: {'data' : 'ajax', 'selectedValue' : $(this).val()},
        dataType: 'json',
        success: function(val) {
          console.log('LastPrintedNumber: ' + val.LastPrintedNumber);
          alert('OtherValue:' + val.OtherValue);
        }        
      });
    });
  });

希望有帮助。干杯

好极了!甚至比我想象的更简单,一切都在.ajax函数中解决。谢谢
  $(function(){
    $('#formulario').change(function() {
      $.ajax({
        type: 'POST',
        url: '/migup',
        data: {'data' : 'ajax', 'selectedValue' : $(this).val()},
        dataType: 'json',
        success: function(val) {
          console.log('LastPrintedNumber: ' + val.LastPrintedNumber);
          alert('OtherValue:' + val.OtherValue);
        }        
      });
    });
  });