Codeigniter Jquery Ajax:如何将返回的数据循环为 html
Codeigniter Jquery Ajax: How to loop returned data as html
我是JQuery AJAX的新手,这是我的脚本:
$(document).ready(function() {
$("#city").change(function() {
var city_id = $("#city").val();
if (city_id != '') {
$.ajax({
type: "POST",
url: "<?php echo base_url() ?>index.php/home/get_block_by_id/" + city_id,
success: function(block_list) {
// WHAT TO PUT HERE ?
},
});
}
});
如果我输入 console.log(block_list),它会返回具有 JSON 类型的正确数据:
[{"id":"1601","id_city":"16","block":"A"},
{"id":"1602","id_city":"16","block":"B"}]
循环返回数据的正确方法是什么?我这样做是为了查看循环返回的内容:
$.each(block_list, function() {
$.each(this, function(index, val) {
console.log(index + '=' + val);
});
});
但是:(完全搞砸了,如果循环数据正确,我还想将id
作为value
,block name
作为我的<option>
标签的text
,该怎么做?谢谢。
更新
抱歉,我已经尝试了两个答案,但它不起作用,我尝试将我的代码更改为:
$("#city").change(function(){
var city_id = $("#city").val();
$.get("<?php echo base_url() ?>index.php/home/get_block_by_id/" + city_id, function(data) {
$.each(data, function(id, val) {
console.log(val.id);
});
});
});
它返回:
**UNDEFINED**
我也尝试将其更改为val[id]
或仍然不起作用val['id']
,帮助:(
$.each(block_list, function(id, block){
console.log('<option value="' + block['id'] + '">' + block['block'] + '</option>')
});
输出将是:
<option value="1601">A</option>
<option value="1602">B</option>
尝试如下操作:
success: function(data, textStatus, jqXHR) {
if (typeof(data)=='object'){
for (var i = 0; i < data.length; i++) {
console.log(data[i].id + ':' + data[i].id_city);
}
}
}
如果您的 JSON 输出采用此格式
[{"id":"1601","id_city":"16","block":"A"},
{"id":"1602","id_city":"16","block":"B"}]
然后
var city_id = $("#city").val();
if (city_id != '') {
$.ajax({
type: "POST",
url: "<?php echo base_url() ?>index.php/home/get_block_by_id/" + city_id,
success: function(data) {
$.each(data, function(index)
{
console.log(data[index]['id']);
$('#'+ddname+'')
.append($("<option></option>")
.text(data[index]['id']+"-"+data[index]['block']));
});
},
});
}
相关文章:
- 如何在Angular.js中循环动态添加Fields并获取数据并将其发送到服务器
- 如何使用React JS中的循环,根据条件渲染或不渲染表数据
- 在Jade中循环并显示来自Mongodb的数据
- 事件循环的MEAN.JS setInterval进程(从另一个服务器获取数据)
- 使用来自不同循环Javascript的数据创建数组
- Json在js中对数据循环进行编码
- Emberjs#每个循环不处理数组数据
- $.每个jquery循环打印一个“;未定义的“;对于getJSON请求后的每个元素,网格数据都会完美地打印出来
- 当JSON数据=变量时,需要执行循环
- 如何在php循环中显示隐藏的数据类型
- 我的复选框没有't使用的循环来显示数据
- 按数据属性循环元素并替换值
- AngularJS和Javascript大数据循环性能
- 返回离子项的 ajax 数据循环
- Codeigniter Jquery Ajax:如何将返回的数据循环为 html
- 通过Three.js中的getImageData像素颜色数据循环生成多个立方体
- 没有小数的数据循环的Javascript计算
- 通过json数据循环创建下拉列表
- 获取json数据循环
- 优化数据循环