Question

我最近开始学习ajax和javascript，并且仍在处理它。但我有一个我想要实现的简单目标，而且我已经到了一半了。

例如。我正致力于管理由一个用户保存的书签以供其他成员使用。我已经构建了代码，我可以在页面上添加，编辑和删除项目。但是我如何学习如何编辑部分是“单击字段区域”以开始编辑，然后“单击字段区域”，以完成更新。我真的想将其更改为单击按钮以提交编辑的方式。

同样在页面上，它在删除选项旁边有一个“查看书签”按钮，但我不确定如何在不更新页面的情况下更新文本区域时更新该链接。

基本上我想学习一种更有效的方法来通过ajax进行实时更新，然后在更新完成后，更新页面上同一项目的所有实例（只有两个区域）。

非常感谢任何帮助。

我可以发布我的原始代码，但我想我可能会更好地向知道更好的人学习。洛尔

Answer 1

这是一般性问题，所以我将回答一般性答案。

例如，如果你有2 div s

<div id="area1"></div>
<div id="area2"></div>

你想要调用服务器并为每个div获取2个数据，所以它看起来像这样:(我正在使用jQuery作为示例..

$.ajax({
   url:'server_url',
   method: 'post',
   success: function(data) {
      $('#area1').html(data.objForArea1);
      $('#area2').html(data.objForArea2);
   }
});

从服务器返回的JSON（例如）

{
   objForArea1: '<div class="list-item">item 1</div>...'
   objForArea2: '<div class="list-item">item 1</div>...'
}

因此，您阅读了从ajax调用返回的对象的响应，然后将数据放在任何位置。

使用ajax更新多个区域

1 个答案: