在 AJAX 成功回调中创建表单答案

【问题标题】：Create a form inside AJAX success call back在 AJAX 成功回调中创建表单
【发布时间】：2011-07-11 04:40:51
【问题描述】：

我正在使用 getJSON 通过连接 html 来填充 function(data) {...} 中的表单元素。

在 getJSON 的成功回调中创建动态 HTML 表单的最佳方法是什么。

我应该能够基于此表单中的按钮单击来启用/显示 div/UI 元素。

谢谢

【问题讨论】：

代码 sn-ps 会有所帮助

标签： jquery forms dynamic callback getjson

【解决方案1】：

您可以使用 jQuery 使用以下模式轻松创建 HTML：

var successFunc = function(json) {
  form = $('<form>').attr('method', 'get');
  form.append($('<input>').attr({'type': 'text', 'val', 'jquery rocks'});
  form.appendTo(document.body);
}

或者更具体地说：

//assume json = { resultDiv: '.myResultDiv', value: 'this is an input' };

$.ajax({ ...
  success: function(json) {
    form = $('<form>').attr('method', 'get');
    form.append($('<input>').attr({'type': 'text', 'val', json.value});
    form.appendTo($(json.resultDiv));
  }
}

希望这会有所帮助！

【讨论】：

【解决方案2】：

最好创建动态内容并在弹出窗口中显示。如果你能通过代码解释一下，那就太好了，你会得到更快的响应。

【讨论】：

我正在使用 getJSON 在成功回调中预填充表单元素（禁用/只读）。单击按钮时，我应该显示其他几个文本输入和按钮并启用所有文本输入。弹出窗口是最好的方式吗？