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

相关文章

PHP轻松处理千万行数据的方法详解

《PHP轻松处理千万行数据的方法详解》说到处理大数据集,PHP通常不是第一个想到的语言,但如果你曾经需要处理数百万行数据而不让服务器崩溃或内存耗尽,你就会知道PHP用对了工具有多强大,下面小编就... 目录问题的本质php 中的数据流处理:为什么必不可少生成器:内存高效的迭代方式流量控制:避免系统过载一次性

C#实现千万数据秒级导入的代码

《C#实现千万数据秒级导入的代码》在实际开发中excel导入很常见,现代社会中很容易遇到大数据处理业务,所以本文我就给大家分享一下千万数据秒级导入怎么实现,文中有详细的代码示例供大家参考,需要的朋友可... 目录前言一、数据存储二、处理逻辑优化前代码处理逻辑优化后的代码总结前言在实际开发中excel导入很

MyBatis Plus实现时间字段自动填充的完整方案

《MyBatisPlus实现时间字段自动填充的完整方案》在日常开发中,我们经常需要记录数据的创建时间和更新时间,传统的做法是在每次插入或更新操作时手动设置这些时间字段,这种方式不仅繁琐,还容易遗漏,... 目录前言解决目标技术栈实现步骤1. 实体类注解配置2. 创建元数据处理器3. 服务层代码优化填充机制详

Vue和React受控组件的区别小结

《Vue和React受控组件的区别小结》本文主要介绍了Vue和React受控组件的区别小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学... 目录背景React 的实现vue3 的实现写法一:直接修改事件参数写法二:通过ref引用 DOMVu

Java使用Javassist动态生成HelloWorld类

《Java使用Javassist动态生成HelloWorld类》Javassist是一个非常强大的字节码操作和定义库,它允许开发者在运行时创建新的类或者修改现有的类,本文将简单介绍如何使用Javass... 目录1. Javassist简介2. 环境准备3. 动态生成HelloWorld类3.1 创建CtC

Java实现将HTML文件与字符串转换为图片

《Java实现将HTML文件与字符串转换为图片》在Java开发中,我们经常会遇到将HTML内容转换为图片的需求,本文小编就来和大家详细讲讲如何使用FreeSpire.DocforJava库来实现这一功... 目录前言核心实现:html 转图片完整代码场景 1:转换本地 HTML 文件为图片场景 2:转换 H

C#使用Spire.Doc for .NET实现HTML转Word的高效方案

《C#使用Spire.Docfor.NET实现HTML转Word的高效方案》在Web开发中,HTML内容的生成与处理是高频需求,然而,当用户需要将HTML页面或动态生成的HTML字符串转换为Wor... 目录引言一、html转Word的典型场景与挑战二、用 Spire.Doc 实现 HTML 转 Word1

PHP应用中处理限流和API节流的最佳实践

《PHP应用中处理限流和API节流的最佳实践》限流和API节流对于确保Web应用程序的可靠性、安全性和可扩展性至关重要,本文将详细介绍PHP应用中处理限流和API节流的最佳实践,下面就来和小编一起学习... 目录限流的重要性在 php 中实施限流的最佳实践使用集中式存储进行状态管理(如 Redis)采用滑动

Vue3绑定props默认值问题

《Vue3绑定props默认值问题》使用Vue3的defineProps配合TypeScript的interface定义props类型,并通过withDefaults设置默认值,使组件能安全访问传入的... 目录前言步骤步骤1:使用 defineProps 定义 Props步骤2:设置默认值总结前言使用T

MyBatis-plus处理存储json数据过程

《MyBatis-plus处理存储json数据过程》文章介绍MyBatis-Plus3.4.21处理对象与集合的差异:对象可用内置Handler配合autoResultMap,集合需自定义处理器继承F... 目录1、如果是对象2、如果需要转换的是List集合总结对象和集合分两种情况处理,目前我用的MP的版本