用Ajax实现局部刷新，求大神来解答

路人男主 2014-07-31 11:18:44

我的sql表里有一张（ID，username）的表，我可以在页面上查询出当前的人数，然后我再删除一条数据，在页面上我希望能自动刷新显示人数。举个例子吧（我查询出来的人数为5人显示在网页上，现在我在表里删除一人，网页上马上就会显示出4人。）

...全文

265 23 打赏收藏转发到动态举报

写回复

用AI写文章

23 条回复

切换为时间正序

请发表友善的回复…

发表回复

ZA0810 2014-08-02

打赏
举报

你要先清楚你现在要做两见事情第一见把前台页面的数据删掉或者隐藏起来不让用户看到同时后台要在数据库里删除掉那条数据. 上马两见事情都可以用 JQuery 来解决. 你要先做的就是用 jquery 先把看的见的东西删掉. 你点删除的时候可以出发onclientclick的事件在里面你可以用很多种方法去把你的 js 方法和它连接在一起, 之后你可以用 Jquery(this).parent() 拿到你当前的 tr 你就直接把这个 remove掉之后你的页面就看不到了. 接下来你就要做另外一见事情了那就是把数据库里面的删掉. 这个功能你完全可以跟上面写在同一个 js 代码里面这里你就可以用 JQuery 的 get 方法去叫后台的方法. 你要做这个你的ID 有两种方法可以拿到一种是你直接传递进来, 另外一种是你自己在用 Jquery(this).siblings() 里面去找这个会给你现在这一行所有的 TD. http://api.jquery.com/

qq_1244779456 2014-08-02

打赏
举报

在js 中写，点击删除，用jQuery Ajax 去后台删除，然后查询出个数，再传入到前端，在success 方法中将你以前的总数替换成现在查询返回的总数就行了

以专业开发人员为伍 2014-08-02

打赏
举报

做不到。不要妄想了。如果要进行这类设计，需要的通讯只是不是你现在应该了解的。

smthgdin_020 2014-08-01

打赏
举报

最简单的就是页面加个定时器，然后时间一到，用jquery发送一个ajax请求，刷新页面用户列表；

我说我行就是行 2014-08-01

打赏
举报

那只能ajax加载，，而且，每秒刷新一次

ayanamireizero 2014-08-01

打赏
举报

这个和ajax貌似无关吧......

angle860123 2014-08-01

打赏
举报

直接从表里删除，那要是真用定时器做的话，数据库的读取频率也有点太高了吧，可以使用数据库的缓存依赖来做，把查出来的数据放到缓存中，当缓存没值的时候再从数据库查询。

fcylovehbb 2014-08-01

打赏
举报

如果对实时性要求不高的话，就整个计时器呗，定时的ajax后台轮询后前台更新

qxyywy 2014-07-31

打赏
举报

引用 5 楼 diaodiaop 的回复:

[quote=引用 4 楼 qxyywy 的回复:] 如上你所说的情况：点击删除用Ajax 方法deleteUser()异步提交请求到后端（可以直接在该页面后台写一个方法一般公共操作是写在一般处理文件里的）后端方法执行删除逻辑返回json 成果这返回true 失败返回FALSE 并且添加一个errorMessage的json熟悉 deleteUser方法获取返回的json 若是true 这用jQuery 如$('#用户该行的HTML标签ID').remove() 否则给出提示失败原因

很明显你理解错了.他是在表里删除而不是UI删除. LZ的意思是实时监听数据库的变化.

我猜的[/quote] 没细看 LZ这种就用个定时器去处理吧建议也可以用JS的定时器去后台获取数据操作类似上面我说的

by_封爱 2014-07-31

打赏
举报

引用 4 楼 qxyywy 的回复:

如上你所说的情况：点击删除用Ajax 方法deleteUser()异步提交请求到后端（可以直接在该页面后台写一个方法一般公共操作是写在一般处理文件里的）后端方法执行删除逻辑返回json 成果这返回true 失败返回FALSE 并且添加一个errorMessage的json熟悉 deleteUser方法获取返回的json 若是true 这用jQuery 如$('#用户该行的HTML标签ID').remove() 否则给出提示失败原因

很明显你理解错了.他是在表里删除而不是UI删除. LZ的意思是实时监听数据库的变化.

我猜的

qxyywy 2014-07-31

打赏
举报

如上你所说的情况：点击删除用Ajax 方法deleteUser()异步提交请求到后端（可以直接在该页面后台写一个方法一般公共操作是写在一般处理文件里的）后端方法执行删除逻辑返回json 成果这返回true 失败返回FALSE 并且添加一个errorMessage的json熟悉 deleteUser方法获取返回的json 若是true 这用jQuery 如$('#用户该行的HTML标签ID').remove() 否则给出提示失败原因

by_封爱 2014-07-31