javascript - 如何通过 Ajax 调用 Controller 函数传递 Joomla 表单数据

Question

在我的 Joomla 3.3 表单中，我插入了一个 ajax 脚本来动态更新一些表单字段。...脚本的主要部分是

formdata = new FormData();
jQuery.ajax({
type: "POST",
dataType: "json",
timeout: 6000,
url: "index.php?option=com_mycomponent&task=component.save",
data: formdata,
......................
........

触发ajax脚本后，$_POST在 Controller 中完全为空，并且我无法访问重要的表单数据。

同时我尝试了几种方法，例如

formdata = new FormData($(this)[0]); => nothing happens

或

formdata = new FormData();
formdata = $(this)[0]; => nothing happens

或

formdata = new FormData();
form = $(this)[0];
formdata.append("jform", form) => this fills up my $_POST, but with value undefined

如何通过 Ajax POST 方法将我的 formdata(jform 对象)传递到 Controller ？

Answer 1

尝试使用jQuery的序列化功能:

var formdata = jQuery( "#formid" ).serialize();

这里的formid是表单元素的id。希望这有帮助..