javascript - 如何通过Symfony Form(使用JS、AJAX)操作数据?

标签 javascript ajax symfony symfony-forms data-manipulation

我有一个简短的问题。假设我的 Symfony 应用程序中有来自数据库的数据,并且在同一页面上我有一个负责操作这些数据的表单。说“操纵”我的意思是:显示或隐藏一些数据并对它们进行排序。我认为实现这一点的最佳方法是使用 JavaScript/AJAX。问题是我从来没有在我的 Symfony 应用程序中编写过 JavaScript,而且我完全不知道如何去做。

您是否有一些文档、教程或文章的链接,它们将向我展示如何在 Symfony 中通过 JavaScript/AJAX 操作数据?或者您能用几句话解释一下吗?

预先感谢您的帮助!

最佳答案

在 Symfony 中,我们使用并编译 JS 文件作为 Assets ,以便在页面上使用它们。您可能希望在执行 AJAX 请求时使用 JQuery。使用JQuery,AJAX可以通过以下方式编码:

$.ajax({
   url: <insert url here>,
   type: <insert type here, for example, GET>,
   dataType: <insert data type here, for example, json>,
   success:function(data) {
      <Implement a function which is applied after a successful request. Variable "data" is the result of the request.>
   }
   error:function(data) {
      <Optionally, implement a function which shows information when request was not successful.>
   }
});         

例如,您的页面上有类 .cl,并且想要更改它的 HTML 代码。然后在 success 函数中使用 $('.cl').replaceWith($(data).find('.cl'))

关于javascript - 如何通过Symfony Form(使用JS、AJAX)操作数据?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60315457/

相关文章:

javascript - 在 AJAX JSF 请求后重新加载 Javascript

JavaScript 数组到 MVC Controller

json - 发生错误时如何更改响应?

javascript - 延迟更改 Action jQuery

javascript - 如何在匿名函数上使用绑定(bind)函数

javascript - 在 Vue.js 中,如何在不使用 vuex 的情况下将对象从 A 组件传递到 B 组件?

javascript - 可以拦截来自 iframe(同一域)内部的 XMLHttpRequests 吗?

php - 无法使用 Ajax 以联系方式发送电子邮件

javascript - 如何使用 CSS 缩小另一个 div 中的 div?

php - 设置选择字段 Symfony FormType 的默认值