php ajax从后台返回json数据,并把数据赋值给自动生成HTML标签

本文主要是介绍php ajax从后台返回json数据,并把数据赋值给自动生成HTML标签,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

第一,首先把后台读取到的数据转成json数据返回:

public function alertinfoAction(){
//发布广告弹出框
$mycontent=M("mytext");
$teuid=$_SESSION['uid'];
$dataadv = $mycontent->where('uid='.$teuid)->order('id desc')->select();
 
echo  json_encode($dataadv); //转成json数据

}


第二 ,在页面写jq代码:

<script>
function getalertinfo(){
$.get('__URL__/alertinfo',function(data){
//alert(data);
var json = eval(data); //数组  
            $.each(json, function (index, item) {  
                //循环获取数据      
                var id = json[index].id;  
                var addtime = json[index].addtime;  
                var images = json[index].images;  
                var title = json[index].title;  
                $("#clear-box").html($("#clear-box").html()+'<li><table width="278" border="0" class="tab-box" cellpadding="0" cellspacing="0" ><tr><td colspan="2" height="34" style="position:relative; color:#929292" ><span class="ck-box"><input type="radio" value="'+id+'" name="choose_text_id"></span><span  class="icon-nn">'+addtime+'</span></td></tr><tr><td colspan="2" height="160"><span class="img" style=""><i><img src="'+images+'" height="140"></i><b><a href="">'+title+'</a></b></span></td></tr></table></li>'
                );  
            });  
});
}
</script>



下面是HTML代码:

<div class="box-list-news">
<ul class="clear-box" id="clear-box">

      </ul>
    <div class="clear"></div>
</div>

这篇关于php ajax从后台返回json数据,并把数据赋值给自动生成HTML标签的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1127389

相关文章

Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案

《Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案》:本文主要介绍Vue3组件中getCurrentInstance()获取App实例,但是返回nu... 目录vue3组件中getCurrentInstajavascriptnce()获取App实例,但是返回n

IDEA自动生成注释模板的配置教程

《IDEA自动生成注释模板的配置教程》本文介绍了如何在IntelliJIDEA中配置类和方法的注释模板,包括自动生成项目名称、包名、日期和时间等内容,以及如何定制参数和返回值的注释格式,需要的朋友可以... 目录项目场景配置方法类注释模板定义类开头的注释步骤类注释效果方法注释模板定义方法开头的注释步骤方法注

pytorch自动求梯度autograd的实现

《pytorch自动求梯度autograd的实现》autograd是一个自动微分引擎,它可以自动计算张量的梯度,本文主要介绍了pytorch自动求梯度autograd的实现,具有一定的参考价值,感兴趣... autograd是pytorch构建神经网络的核心。在 PyTorch 中,结合以下代码例子,当你

SpringBoot集成Milvus实现数据增删改查功能

《SpringBoot集成Milvus实现数据增删改查功能》milvus支持的语言比较多,支持python,Java,Go,node等开发语言,本文主要介绍如何使用Java语言,采用springboo... 目录1、Milvus基本概念2、添加maven依赖3、配置yml文件4、创建MilvusClient

JS+HTML实现在线图片水印添加工具

《JS+HTML实现在线图片水印添加工具》在社交媒体和内容创作日益频繁的今天,如何保护原创内容、展示品牌身份成了一个不得不面对的问题,本文将实现一个完全基于HTML+CSS构建的现代化图片水印在线工具... 目录概述功能亮点使用方法技术解析延伸思考运行效果项目源码下载总结概述在社交媒体和内容创作日益频繁的

Python如何自动生成环境依赖包requirements

《Python如何自动生成环境依赖包requirements》:本文主要介绍Python如何自动生成环境依赖包requirements问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑... 目录生成当前 python 环境 安装的所有依赖包1、命令2、常见问题只生成当前 项目 的所有依赖包1、

前端CSS Grid 布局示例详解

《前端CSSGrid布局示例详解》CSSGrid是一种二维布局系统,可以同时控制行和列,相比Flex(一维布局),更适合用在整体页面布局或复杂模块结构中,:本文主要介绍前端CSSGri... 目录css Grid 布局详解(通俗易懂版)一、概述二、基础概念三、创建 Grid 容器四、定义网格行和列五、设置行

SpringValidation数据校验之约束注解与分组校验方式

《SpringValidation数据校验之约束注解与分组校验方式》本文将深入探讨SpringValidation的核心功能,帮助开发者掌握约束注解的使用技巧和分组校验的高级应用,从而构建更加健壮和可... 目录引言一、Spring Validation基础架构1.1 jsR-380标准与Spring整合1

前端下载文件时如何后端返回的文件流一些常见方法

《前端下载文件时如何后端返回的文件流一些常见方法》:本文主要介绍前端下载文件时如何后端返回的文件流一些常见方法,包括使用Blob和URL.createObjectURL创建下载链接,以及处理带有C... 目录1. 使用 Blob 和 URL.createObjectURL 创建下载链接例子:使用 Blob

Vuex Actions多参数传递的解决方案

《VuexActions多参数传递的解决方案》在Vuex中,actions的设计默认只支持单个参数传递,这有时会限制我们的使用场景,下面我将详细介绍几种处理多参数传递的解决方案,从基础到高级,... 目录一、对象封装法(推荐)二、参数解构法三、柯里化函数法四、Payload 工厂函数五、TypeScript