创建表单里面AJAX成功回调

Question

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

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

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

谢谢

Answer 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));
  }
}

希望这会有所帮助！

Answer 2

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