当前位置：文江博客话题详情

基于 Ajax 的建议列表和替换

发布于 2024-12-12 06:12:55 字数 317 浏览 0 评论 0原文

我正在尝试在我的网站上创建一个建议项目列表，类似于 Facebook 的“建议朋友”列表。

我有一个包含 10 个建议项目的列表，它来自 mysql 查询。用户可以选择“x”该项目或接受该项目，然后应使用 AJAX 替换该列表项。替换项来自同一查询，但不一定是原始表中的第 11 项。 mysql查询会根据用户的输入而改变。

我能想到的实现这一目标的唯一方法是让 jquery 获取所有 10 个项目的 ID，将它们发送到 AJAX，AJAX 将提取查询并比较列表，然后吐出新的项目。

这看起来很混乱，并且可能向 AJAX 发送了不必要的信息量。有没有更聪明的替代方案？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

苯莒 2024-12-19 06:12:55

我想，你不能完全避免查询过程，但你可以做下一步：

例如获取 100 个项目的数量，然后用 JS 处理它们以显示前 n 个项目

var items = [...];
var deleted = [];

function show(){
   for(i=0; i<10; i++){
      where_to_add.innerHTML += items[ i ];
   }
}

function delete( n ){
    deleted.push( items[ n ] );
    items.splice(n,1);
    show();
}

现在你可以通过以下方式最大限度地减少对服务器的请求量：定义一次加载的项目数量。

I guess, you can not totally avoid the query process, but you can do next:

Get an amount of 100 items for example, then process them with JS to show the n first items

var items = [...];
var deleted = [];

function show(){
   for(i=0; i<10; i++){
      where_to_add.innerHTML += items[ i ];
   }
}

function delete( n ){
    deleted.push( items[ n ] );
    items.splice(n,1);
    show();
}

Now you can minimize the amount of requests to the server by defining the amount of items to load at a time.

回复收藏 0 原文

~没有更多了~