ajax成功后执行返回的html,ajax执行成功后，在success回调函数中把后台返回的list还原到html的table中...

需求描述：前台通过onclick触发ajax，到后台返回一个list(json格式的)，把list插入到html的table中。

思路简介：￣□￣｜｜ 刚开始的时候，是没有思路的，就卡在了，怎么把 ajax 的回调函数的数据返回到页面上，(⇀‸↼‶) ，后来去度娘了一下，发现都是对table拼字符串   ( ‵o′)，贴代码

代码

后台代码：

public Object getDetail(String dName){

List list = new ArrayList<>();

try {

Dict dict = dictService.findByDictName(dName);

list = dictService.dectNameDetailList(dict.getDictId());

} catch (Exception e){

e.printStackTrace();

}

return list;

}

js代码：

var url = rootPath + '/sys/dict/getDetail';

var s = CommnUtil.ajax(url, { //s相当于 function success(data){} 中的data 也就是后台返回的list，json数据格式

dictName: dictName

}, "json");

if(!!s && s.length > 0){ //成功的回调函数 s相当于 function success(data){} 中的data 也就是后台返回的 list

$('#dictTable tr:gt(0)').remove();//删除之前的数据 dictTable是html中table的id

var item;

$.each(s,function(i,result){

item = "

"+result['sortNo']+""+result['dictName']+""+result['dictCode']+"";

$("#dictTableBody").append(item);

});

}else{

$('#dictTable tr:gt(0)').remove();//删除之前的数据

}

$('#res_tree').jstree("deselect_all",true);

$('#responsive_1').modal();

html代码：

排序选项值

效果：

总结：关键点就两个  一个是删除之前的数据  一个是拼接list数据  尤其是前边的删除非常重要，  经验在于积累  哈撒给 ヾ(◍°∇°◍)ﾉﾞ

ajax执行成功不进入success方法

当dataType的值为json时,传入的值和返回的值符合json格式的时候,执行成功才会进入success方法,否则进入error方法.

ajaxSubmit请求返回数据成功，但是不执行success回调函数

最近项目涉及到附件上传就头痛,一直在用plupload插件在做...ie9偶尔抽风但还是可以的... 然后有个需求,表格每行都有个上传按钮,页面多上传按钮. 一.开始的时候,用plupload做的,多 ...

&dollar;&period;post&lpar;&rpar;返回数据正常，但不执行success回调函数

今天遇到一特郁闷的问题,如题:$.post()返回数据正常,但不执行success回调函数.说它郁闷是因为没毕业之前就遇到过解决了,却没有记录下来,导致卡了一下午. 像这样,post返回数据正常,但却 ...

jquery ajax 总是还未等到success回调就刷掉了，就进入了onError函数的错误案例分析

jquery ajax 总是还未等到success回调就刷掉了,就进入了onError函数的错误案例分析: 同样的请求同时请求了2次,然后第二次的请求把第一次的给刷掉了! (比如:

ajax请求成功后打开新开窗口&lpar;window&period;open&lpar;&rpar;&rpar;被拦截的解决方法

问题:今天在做项目时需要在ajax请求成功后打开一个新的窗口,此时遇到浏览拦截了新窗口的问题,尝试在ajax 回调函数中模拟执行 click 或者 submit 等用户行为(trigger('clic ...

【笔记】关于jq &dollar;&period;ajax 函数 success回调函数不能赋正确值或返回正确值的问题

最近在一个项目里面打算实现如下功能: 当我注册账号的时候当输入账号完毕后输入框失焦时执行一个 ajax 请求,验证账号是否被注册,并未这个输入框的 isCorrect属性赋值,如果没有被注册 isCo ...

ajax 执行成功以后返回的数据走的是error方法而不是success方法的问题

今天在一个功能的时候发现写的ajax的方法执行后台代码成功后返回前台时执行的是error方法而不是success方法,代码如下 jQuery('#form').ajaxSubmit({ type: & ...

ajax请求成功后新开窗口window&period;open&lpar;&rpar;被拦截解决方法

ajax 异步请求成功后需要新开窗口打开 url,使用的是 window.open() 方法,但是很可惜被浏览器给拦截了,怎么解决这个问题呢   问题: 前面开发项目时碰到一个问题,ajax 异步请求 ...

ajax请求成功后新窗口window&period;open&lpar;&rpar;被拦截的解决方法

ajax 异步请求成功后需要新开窗口打开 url,使用的是 window.open() 方法,但是该操作并不是用户主动触发的,所以它认为这是不安全的就拦截了(不过如果是 _self 的话就不会有这个限 ...

随机推荐

微信小程序-阅读小程序demo

今天和朋友聊天说到小程序,然后看在看书,然后我们就弄了个小读书的demo,然后现在分享一下. 一.先来上图: 二.然后下面是详细的说明  首先先说下边的tabBar,项目采用json格式的数据配置,不 ...

Mahout源码分析之 -- 文档向量化TF-IDF

fesh个人实践,欢迎经验交流!Blog地址:http://www.cnblogs.com/fesh/p/3775429.html Mahout之SparseVectorsFromSequenceFi ...

关于angularJS与jquery在使用上的一些感悟

最近做的项目中,有同时用到angularJS与jquery两种JS框架. 在使用过程中发现,angularJS的用法更像是面向对象的编程模式.它会要求你定义一个view model,然后所有的页面变化 ...

NSObject头文件解析 &sol; 消息机制 &sol; Runtime解读 &lpar;一&rpar;

NSObject头文件解析 当我们需要自定义类都会创建一个NSObject子类, 比如: #import @interface Clas ...

SparkMLlib回归算法之决策树

SparkMLlib回归算法之决策树 (一),决策树概念 1,决策树算法(ID3,C4.5 ,CART)之间的比较: 1,ID3算法在选择根节点和各内部节点中的分支属性时,采用信息增益作为评价标准.信 ...

系统出现异常： too many values to unpack &lpar;expected 2&rpar;

先感谢[ValueError: too many values to unpack](http://leonzhan.iteye.com/blog/1720315)系统出现异常:打开太多值(预期2)这 ...

luogu P2123 皇后游戏

传送门 跟国王游戏一样的分析 考虑相邻的两个大臣,设他们前面的\(\sum a_j\)为\(s\),同时注意到后面人的贡献更大 所以\(i\)在前面时,\(c_j=\max(\max(c_{last} ...

【逆向知识】动态调试技巧-C&plus;&plus;代码逆向

1.C++类代码的特点 寄存器ECX传参时一般用作this指针(对象地址)或是计数器. 有ecx传参的call,是成员函数,构造函数,析构函数 能访问成员变量的函数都会有ecx传参 静态函数.全局函数 ...

Struts 2 初步入门(一)

搭建Struts 2环境步骤 下载jar包----->创建web项目---->创建并完善相关配置文件---->创建action并测试启动 下载jar包访问网站:http://stru ...

【第三十七章】 springboot&plus;docker(手动部署)

一.下载centos镜像 docker pull hub.c.163.com/library/centos:latest docker tag containId centos:7 docker ru ...