Jquery 是否使用React.js更新服务器状态?
我是新来的。我已经阅读了教程,梳理了几个示例应用程序,并花了一些时间编写了一些基本应用程序。但我还是很困惑 在经历了这一切之后,我仍然感到不安的是,我仍然不明白如果发生了什么?应使用React将数据推回服务器。很明显,没有像Angular这样的数据绑定,能够使用虚拟DOM根据服务器端数据的变化来更新页面是很好的……但是如何使用它来更新服务器上的数据呢?我不是在找教程 在jQueryAjax中,我可以将数据推送到服务器,而无需进行页面刷新。我可以用React做这个吗?所有的例子都很可爱嘿,我可以点击这个计数器按钮和一个数字增量!嘿,我可以通过此输入添加注释,并在页面上呈现!,但是这些数据是如何保存在后端的呢?持久性数据是一种没有页面刷新的东西吗?我没有看到在这个用例中使用React可以获得什么,比如jQueryJquery 是否使用React.js更新服务器状态?,jquery,ajax,reactjs,Jquery,Ajax,Reactjs,我是新来的。我已经阅读了教程,梳理了几个示例应用程序,并花了一些时间编写了一些基本应用程序。但我还是很困惑 在经历了这一切之后,我仍然感到不安的是,我仍然不明白如果发生了什么?应使用React将数据推回服务器。很明显,没有像Angular这样的数据绑定,能够使用虚拟DOM根据服务器端数据的变化来更新页面是很好的……但是如何使用它来更新服务器上的数据呢?我不是在找教程 在jQueryAjax中,我可以将数据推送到服务器,而无需进行页面刷新。我可以用React做这个吗?所有的例子都很可爱嘿,我可以点
我可能遗漏了一些简单的东西,如果能给出一个简单的答案,我将不胜感激 在我之前参与的一个项目中,我们使用jQuery来执行对服务器的POST请求。我们将捕获响应并在成功时更新对象的状态,以便DOM反映更改
你必须记住,做出反应所需要的心态不同于角度或余烬。顺便说一句,我强烈建议您观看Pete Hunt的这篇演讲,他讲述了Angular/Ember/React之间的一些差异,它改变了我理解React的方式。在我之前参与的一个项目中,我们使用jQuery来执行对服务器的POST请求。我们将捕获响应并在成功时更新对象的状态,以便DOM反映更改 你必须记住,做出反应所需要的心态不同于角度或余烬。顺便说一句,我强烈建议您观看Pete Hunt的这篇演讲,他讲述了Angular/Ember/React之间的一些差异,它改变了我理解React的方式。React只是视图层,因此您需要自己处理应用程序的其他部分 我个人使用的也是 为了更好地管理API,我将其包装到服务API类中,然后将其与返回一起使用,如下面的示例所示
/* APIService.js */
var Q = require("q");
var Request = require("superagent");
//TODO: Define _urlPrefix, resource
module.exports = {
get: function(id, params) {
var deferred = Q.defer();
var url = _urlPrefix+"/"+resource+"/"+id;
Request
.get(url)
.set('X-Requested-With', 'XMLHttpRequest')
.query(params)
.end(function(res) {
if (res.status == 200) {
deferred.resolve(res.body);
} else {
deferred.reject(res.body);
}
})
;
return deferred.promise;
}
/* Other functions for POST, DELETE, PUT */
};
React只是视图层,所以您需要自己处理应用程序的其他部分
我个人使用的也是
为了更好地管理API,我将其包装到服务API类中,然后将其与返回一起使用,如下面的示例所示
/* APIService.js */
var Q = require("q");
var Request = require("superagent");
//TODO: Define _urlPrefix, resource
module.exports = {
get: function(id, params) {
var deferred = Q.defer();
var url = _urlPrefix+"/"+resource+"/"+id;
Request
.get(url)
.set('X-Requested-With', 'XMLHttpRequest')
.query(params)
.end(function(res) {
if (res.status == 200) {
deferred.resolve(res.body);
} else {
deferred.reject(res.body);
}
})
;
return deferred.promise;
}
/* Other functions for POST, DELETE, PUT */
};
React单独使用只会取代DOM操作,它不是一个完整的框架。jQuery也不是……但我仍然可以发布到服务器。所以我想说的是,这不是一个单独使用React的东西吗?你可以使用任何你想要的ajax库,甚至不用一个,也可以直接使用本机API。jQuery可以发布到服务器,因为jQuery不仅仅是一个DOM操作库,它还是一个ajax库和动画库。使用jQuery将数据发回服务器并获取新数据。有一个你可以运行的服务器,让这一切都可以轻松运行。React独自一人只会取代DOM操作,它不是一个完整的框架。jQuery也不是……但我仍然可以发布到服务器。所以我想说的是,这不是一个单独使用React的东西吗?你可以使用任何你想要的ajax库,甚至不用一个,也可以直接使用本机API。jQuery可以发布到服务器,因为jQuery不仅仅是一个DOM操作库,它还是一个ajax库和动画库。使用jQuery将数据发回服务器并获取新数据。有一个可以运行的服务器,可以轻松运行所有这些。发布时可以立即更新DOM,但文本会变灰或在旁边显示一个小微调器,当收到响应时,可以删除加载指示或显示错误。这样,您的站点会感觉更快:您可以在发布时立即更新DOM,但文本会变灰或在旁边显示一个小微调器,当收到响应时,您可以删除加载指示或显示错误。这样你的网站会感觉更快:谢谢@Sanket提供的额外信息!感谢@Sanket提供更多信息!