如何在使用ajax或js单击提交之前将一个表单数据填充到同一页面上的另一个表单中？

Question

我是ajax和javascript的新手。 我希望在提交之前将条目表单数据填充到同一页面上的另一个表单中。

这意味着我希望在点击按钮事件提交之前，在同一页面上以另一种形式显示注册表格的名称，性别等。

请有人发布一些例子。

Answer 1

（回应你对上述问题的评论......）

啊，这个例子比以前隐含的要复杂得多。该示例中的目标不是表单，而是图像。服务器端代码中是否有用于生成映像的功能？

在这种情况下，将AJAX发布到服务器非常容易。例如，使用jQuery，您可以执行this：

之类的操作

$.ajax({
  type: 'POST',
  url: 'somepage.php',
  data: data,
  success: function() {
    alert('success!');
  },
  dataType: 'json'
});

变量'data'将从表单元素构建。可能是这样的：

var data = '';
data = data + 'somevalue=' + $('#formElement').val();
data = data + 'anothervalue=' + $('#aDifferentElement').val();
// etc.

代码本质上做的是使用提供的数据向提供的URL提交HTTP POST，然后在成功结果时运行提供的“success”函数。您还可以为错误结果添加“错误”功能。

在您的情况下，结果看起来像是图像。因此，您最终会在src标记上将img属性设置为生成的图像。像这样：

$('#imageElement').attr('src', someString);

我不确定他们在这个例子中是如何做到的，但你可以查看代码并在Firebug中逐步查看它，看看你能找到什么。响应似乎是实际图像，而不是图像的链接。但你可以用任何一种方式设计你的。