开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >ajax网页与数据库的同步

问ajax网页与数据库的同步
EN

Stack Overflow用户

提问于 2012-04-24 02:08:53

回答 1查看 555关注 0票数 0

当使用ajax调用更改数据时，实现数据库和网页之间同步的最佳方法是什么？举个例子，假设我有一个添加注释的表单，我希望它能够异步工作。因此，我创建了一个JS代码，将该表单提交给数据库。在不刷新页面的情况下向用户显示这些新数据的最佳做法是什么？目前，我可以想出3种解决这个问题的方法：

将JS代码放入回调中，在从服务器接收到ok消息后，该回调将处理该数据并将其插入到页面上的适当元素中。
作为服务器的响应，发送元素中应该显示的所有数据，然后使用JS插入所有内容。
某种介于1和2之间的混合，作为来自服务器的响应，只发送处理过的新数据并将其插入到适当的位置。

我不喜欢1中的代码重复，也就是说，我们必须实现两次处理逻辑。我也不喜欢2，因为从服务器发送数据的开销很大。至于3.我最喜欢这种方法，但仍然存在一些来回发送数据的开销。我知道在大多数情况下，这些间接费用可能不会影响系统的运行，但我想知道是否有其他解决方案来解决这个问题，以及确保数据同步的最佳实践是什么？

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-04-24 02:20:58

您可能需要考虑使用模型和集合，比如backboneJS是如何做到的。有点像“数据库的本地副本”。首先，您的模型只获取几个记录以供显示，比如待办事项列表中的前10件事情。模型有CRUD方法，您可以在其中操作数据。

然后，对于您的界面，您有单独的视图代码。这些视图连接到模型，执行CRUD操作，以及听取模型数据更改，这些更改可以来自当前模块接口或接口的其他部分。如果页面的某一部分更改了数据，则会通知连接到同一模型的其余部分。模型可以是任何东西，它可以表示数据库中的一个表或一个表的组合。

类似地，该模型将具有AJAX同步功能。其中修改的每一个数据都通过AJAX调用反射到服务器。当调用完成后，您将通知所有挂接接口进行相应更新。由于数据包含在模型中，所以只需将更改发送到服务器并侦听是否成功。至于来自服务器的实时数据，您可以在模型中创建一些轮询功能来更新它的数据。如果有更改，请通知所有挂接接口。

票数 1

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/10295833

复制

相关文章

Ajax 同步与异步请求

ajax对象.open(方式get/post, url地址, [异步true]同步false);

Meng小羽

2019/12/23

2.4K0

AJAX中的同步加载与异步加载

HTML5学堂：在AJAX知识当中，有几个经典的辨析，“同步加载”与“异步加载”的区别；post与get的区别；XML与JSON的区别等。本文讲解的就是同步与异步的区别，可以通过图片更直观的理解两者在加载内容时的流程。在最后介绍了异步加载的优势。什么是AJAX AJAX是四个单词的简写，其中Asynchronous即异步的意思，异步的链接可以同时发起多个，并且不会阻止JS代码执行。与之对应的概念是同步，同步的链接在同一时刻只会有一个，并且会阻止后续JS代码的执行，JS必须等待同步链接加载完毕后才能继续执行

HTML5学堂

2018/03/12

3.5K0

AJAX中的同步加载与异步加载

ajax同步请求

在使用jq发送ajax到后台时默认是异步请求，会在发送ajax请求的同时继续执行下面的js代码，如果下面的js代码需要使用到ajax传输过来的参数时，就会获取不到，这个时候就应该把异步请求改为同步请求，只有ajax请求响应完成之后才会继续执行下面的ajax代码，例如：

雪地二货

2018/09/18

3.9K0

Ajax异步&同步请求

Ajax请求最重要的问题是代码执行的顺序。最长遇到的问题是，我们定义一个变量接收ajax异步请求的返回结果，后续代码使用，然而后续代码在使用时该变量为初始值，始终得不到想要的结果！！！

山河木马

2019/03/05

3.1K0

Ajax 异步&同步请求

ajax 编程算法 jquery http

XMLHttpRequest 支持同步和异步通信。但是，一般来说，出于性能原因，异步请求应优先于同步请求。同步请求阻止代码的执行，这会导致屏幕上出现“冻结”和无响应的用户体验。

奋飛

2019/08/15

3K0

Ajax与Python服务器交互，在网页

python 正则表达式

然后就是通过点击按钮事件获取输入的内容；（用到了Ajax与服务器交互；它会自动封装请求行，请求头，空格，我们只需要把内容send就可以了）

py3study

2020/01/03

2.3K0

es与数据库的同步方案

https 网络安全 es 云数据库 Redis®缓存

我们采取MySQL作为主要的数据存储，利用MySQL的事务特性维护数据一致性，使用ElasticSearch进行数据汇集和查询，此时es与数据库的同步方案就尤为重要。

全栈程序员站长

2022/08/30

2.4K0

Ajax两种同步的写法

ajax javascript node.js http

其中的async属性就是设置同步或异步的。默认是true:异步。如果要修改同步设置为false.

凯哥Java

2022/12/16

2.1K0

Django数据库查询优化与AJAX

django 数据库

每一列属性都是不可再分的，两列的属性相近或相似或一样，应尽量合并属性一样的列，确保不产生冗余数据。

GH

2019/12/16

2.4K0

Django数据库查询优化与AJAX

ajax同步异步返回值

ajax async undefined 同步异步

ajax返回参数时必须用同步async: false，异步会出现undefined错误

似水的流年

2019/12/10

1.7K0

ajax同步异步返回值

ajax返回参数时必须用同步async: false，异步会出现undefined错误

似水的流年

2018/01/12

1.8K0

Ajax网页爬取案例详解

ajax http python 爬虫

首先列举出一些python中爬虫常用的库，用之前需要先下载好，本文假设你已经安装好相应的库。

sergiojune

2018/10/09

2.7K0

ajax同步异步返回值

$.temp = function () { $.ajax({ url : SERVERURL + "Info", type : 'post', data : { userDevice : "web", sessionId : SESSIONID, }, async: false, dataType : 'json', success : function(xhr) { var data = xhr.data; if (xhr.isSuccess ==

似水的流年

2018/01/18

1.8K0

Ajax篇(002)-同步和异步的区别?

渲染服务器浏览器同步异步

答案：同步：阻塞的；异步：非阻塞的。解析：同步：阻塞的举例1：张三叫李四去吃饭，李四一直忙得不停，张三一直等着，直到李四忙完两个人一块去吃饭；举例2：浏览器向服务器请求数据，服务器比较忙，浏览器一直等着（页面白屏），直到服务器返回数据，浏览器才能显示页面。异步：非阻塞的举例1：张三叫李四去吃饭，李四在忙，张三说了一声然后自己就去吃饭了，李四忙完后自己去吃；

齐丶先丶森

2022/05/12

6400

交互式网页应用的网页开发技术Ajax简单介绍

Ajax（Asynchronous JavaScript and XML的缩写）：一种创建交互式网页应用的网页开发技术。包含下列技术：基于XHTML+CSS的表示；使用 DOM进行动态显示及交互；使用 XML 和 XSLT 进行数据交换及相关操作；使用 XMLHttpRequest 进行异步数据查询、检索；使用 JavaScript 将所有的东西绑定在一起。 1. Ajax采用异步模式，效率高，提高用户体验； 2. 优化了浏览器和服务器之间的传输，减少不必要的数据往返，减少了带宽占用 3. Ajax引擎在客户端运行的，使用Ajax处理库减轻了服务端的负担

SmileNicky

2019/01/17

1K0

使用jQuery的ajax同步请求吃过的亏

jQuery是一个很常用的js库。甚至我们开发任何一个项目都首先把jquery导入进行。jQuery太过强大，使用起来非常方便。但是在使用的过程中也遇到过很多坑。我在这里分享一下，避免大家也遇到同样的问题束手无策，也方便以后回归学习。普通的写法:

业余草

2019/01/21

1.5K0

通过Ajax请求的网页数据采集详解

ajax java xml 自动化测试

目标网址：全球视野的中文财经网站fx168 目标数据：采集美元指数、上证指数、深证成指、恒生指数、现货黄金、布兰特原油、标普500、离岸汇率的每日价格及涨跌幅

Python攻城狮

2018/08/23

1.6K0

通过Ajax请求的网页数据采集详解

jquery实现ajax_完整网页代码

json 编程算法 ajax http xml

大家好，我是架构君，一个会写代码吟诗的架构师。今天说一说jquery实现ajax_完整网页代码,希望能够帮助大家进步!!!

Java架构师必看

2022/06/13

4.5K0

jquery实现ajax_完整网页代码

php与Ajax（一）———Ajax简介

php ajax 服务器工作数据

AJAX 是 Asynchronous JavaScript And XML 的首字母缩写。

致Great

2023/08/26

1370

Ajax与Json的学习

java json ajax http

AJAX: 1. 概念： * Asynchronous Javascript And XML”（异步 JavaScript 和 XML） * 异步和同步：客户端和服务器端相互通信的基础上 * 客户端必须等待服务器端的响应。在等待的期间客户端不能做其他操作。 * 客户端不需要等待服务器端的响应。在服务器处理请求的过程中，客户端可以进行其他的操作。 Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。通过在后台与服务

Rochester

2020/09/01

2.6K0

相似问题

将Google Sheets与网页HTML同步

10

与DOM进行AJAX网页交互？

10

AJAX请求同步与异步

30

与数据库同步

21

与数据库同步

10

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例