如何使用多个输入参数动态创建表单并立即提交 jQuery ajax 响应？

Question

我想根据ajax响应数据动态提交表单动作，输入类型值和动作的参数url应该是动态的。

$.ajax({
    url: "https://abcd.com",
    data: JSON.stringify(gatewayData),
    method: "POST",
    headers: {
        'Content-Type': 'application/json'
    },
    success: function(response) {

        if (response.success) {
            var parentDiv = $("#form_div");
            parentDiv.html("");
            var result = $("<form>", {
                'name': 'pgForm',
                'id': 'pgForm',
                'action': response.data.url,
                'method': 'post'
            }).append(parentDiv);
            $.each(response.data.formParam, function(key, value) {
                $('<input>').attr({
                    'type': 'hidden',
                    'id': key,
                    'name': key
                }).val(value).append(result);
            });
            $('<input>').attr({
                'type': 'hidden'
            }).val("submit").append(result);

            $("#pgform").submit();

        } 
    },
    error: function(e) {

    }
});

Answer 1

我的团队有一些替代想法，它在我这边行得通。请找到以下代码并向我们建议更多标准。

$.ajax({
    url: "abcd.com",
    data: JSON.stringify(gatewayData),
    method: "POST",
    headers: {
        'Content-Type': 'application/json'
    },
    success: function(response) {

        if (response.success) {

            var formData="<form id=\"paytmForm\" method=\"POST\" name=\"redirect\" action=\"xyz.com">";
            $.each(response.data.gatewayFormParam, function( key, value ) {
                formData+="<input type=\"hidden\" name=\""+key+"\" id=\""+key+"\" value=\""+value+"\">";
            });
            formData+="</form>";
            $("#form_div").html(formData);
            $("#form_div").show();
            $("#paytmForm").submit();

        } 
    },
    error: function(e) {

    }
});

如何使用多个输入参数动态创建表单并立即提交 jQuery ajax 响应？

How to create form dynamically with multiple input parameters and immediate action submit with jQuery ajax response?

forms

ajax

jquery

ajaxform