使用jQuery在同一行显示来自json_encode数组的两个值,可以按照以下步骤进行操作:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<?php
$data = array(
array('name' => 'John', 'age' => 25),
array('name' => 'Jane', 'age' => 30)
);
$jsonData = json_encode($data);
?>
<div id="dataContainer"></div>
<script>
$(document).ready(function() {
$.ajax({
url: 'data.php', // 替换为包含JSON数据的文件路径
dataType: 'json',
success: function(data) {
var html = '';
$.each(data, function(index, item) {
html += item.name + ' - ' + item.age + '<br>'; // 拼接要显示的数据
});
$('#dataContainer').html(html); // 将数据显示在容器中
}
});
});
</script>
以上代码中,通过ajax方法向服务器请求数据,并在成功回调函数中使用each方法遍历JSON数据,将每个对象的name和age属性拼接成字符串,并将其添加到html变量中。最后,使用html方法将拼接好的数据显示在dataContainer容器中。
这样,就可以使用jQuery在同一行显示来自json_encode数组的两个值。请注意,以上代码仅为示例,实际应用中需要根据具体情况进行调整。
领取专属 10元无门槛券
手把手带您无忧上云