前端ajax获取从后台传回的数据
来源:互联网 发布:电脑版ftp 软件 编辑:程序博客网 时间:2024/09/21 06:15
这个是官网的地址
https://aui.github.io/art-template/zh-cn/docs/api.html
这里的数据全是从后台传过来的,今天说一下如何操作。
jsp页面:<div class="concrete-message">
</div>
<script type="text/html" id="result-tpl"> {{each resultSet as searchData}} <div class="message-div"> <div class="tr-no1"> <span>( <a>差异</a>| <a>历史</a>)</span> <span> . . <a>({{searchData.number}})</a> ;</span> <span> {{searchData.date}} . .</span> <span class="some-num"> ( {{searchData.addCount}} )</span> <span> . . <a>{{searchData.otherMessage}}</a>( <a>讨论</a> | <a>贡献</a> )</span> <span> (</span> <span class="description">已添加的[ru]描述 :</span> <span> {{searchData.description}} )</span> </div> <div class="tr-no2"> <span>( <a>{{searchData.labelCount}}个标签</a> : <a>{{searchData.reCh}}</a> )</span> </div> </div> {{/each}}</script>
js中function initResultList() {
$.ajax({
data: {},
success: function (data) {
data = {
"resultSet": [{
'number': 'Q32366829',
'date': '07:29',
'addCount': '+114',
'otherMessage': 'Infovarius',
'description': 'категория в проекте Викимедиа',
'labelCount': '1',
'reCh': 'reCh [1,1]'
},
{
'number': 'Q32366829',
'date': '07:29',
'addCount': '+114',
'otherMessage': 'Infovarius',
'description': 'категория в проекте Викимедиа',
'labelCount': '1',
'reCh': 'reCh [1,1]'
},
{
'number': 'Q32366829',
'date': '07:29',
'addCount': '+114',
'otherMessage': 'Infovarius',
'description': 'категория в проекте Викимедиа',
'labelCount': '1',
'reCh': 'reCh [1,1]'
},
{
'number': 'Q32366829',
'date': '07:29',
'addCount': '+114',
'otherMessage': 'Infovarius',
'description': 'категория в проекте Викимедиа',
'labelCount': '1',
'reCh': 'reCh [1,1]'
},
{
'number': 'Q32366829',
'date': '07:29',
'addCount': '+114',
'otherMessage': 'Infovarius',
'description': 'категория в проекте Викимедиа',
'labelCount': '1',
'reCh': 'reCh [1,1]'
}]
}
var resultSet = data.resultSet;
if (resultSet.length > 0) {
var temp = template("result-tpl", {
"resultSet": resultSet
});
$('.concrete-message').append(temp);
}
else {
$('.concrete-message').html('<div class="empty">暂时没有搜索历史</div>');
}
},
error: function (data, status, e) {
alert("服务器异常");
}
})
}
css中加一些样式就行了,这样就完成了从后台取值,但是我这是写的一个假数据,如果真实的就要将ajax中加一个url,到一个control层,在control层返回一个json就可以了。
但是所加的数据并不能执行js操作。
例如 我在jsp中写的所添加了一个class为‘message-div‘的div,但是你如果在js中对‘message-div’ 写一个js操纵事件并不会执行,这是因为所添加的信息都是在dom所解析完成后又添加的。
对于这一点各位如果有解决的办法希望告知一下:ytulnj@163.com
十分感谢
- 前端ajax获取从后台传回的数据
- easyui中dialog怎么获取后台传回的数据
- 获取服务器传回的数据
- java后台设计简单的json数据接口,设置可跨域访问,前端ajax获取json数据
- ajax 获取 后台数据,前端 select option中显示出来
- 获取前端数据,后台的处理
- 使用jsp从后台获取数据后在前端为checkbox打勾选中的方法
- 前端ajax数据后台接收
- ajax获取后台的json数据
- Ext.Ajax.request获取后台的数据
- AJAX+SpringMVC 获取后台数据的方式
- element获取到后台的数据(ajax)
- jquery ajax 从后台获取数据到界面
- jquery ajax 从后台获取数据到界面
- ThinkPHP定时ajax获取后台数据,使用javascript动态修改前端页面的表格来显示数据
- Ajax请求+JSON传回到页面数据的例子
- 用原生js,json解析ajax传回来的数据
- Ajax使用方法,经典Ajax封装,可接收解析后台传回的json对象和json数组
- 集合的嵌套
- Android init 进程
- ACM暑假集训日记 17.8.16 树状数组
- 作业
- Eclipse Java 安装教程
- 前端ajax获取从后台传回的数据
- 集合实现用户登录注册案例
- bean生命周期
- 单片机定时器使用
- Android使用腾讯X5内核WebView
- 滑动窗口的最大值
- 分页技术
- 树状数组求逆序数
- 文章标题