Jquery 通过AJAX获取值并在element CodeIgniter上显示
首先,让我澄清一下,我对AJAX和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>"; }
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);
}
});
});
});