将FORM中的数据从一个URL传递到另一个URL,并将其显示在Ajax Post中的表上

时间:2018-08-22 18:22:20

标签: jquery json ajax

您好,我正在尝试使用AJAX POST方法将数据从第一个url的garbage.html传递到第二个url的garbage2.html。

用户单击提交时。它重定向到另一个URL trash2.html,我要在该表中显示此数据。请帮忙。我尝试了一种方法,但是没有用。

HTML表单-

<form id="form">
    <input type="text" name="1" id="input1"/>
    <input type="text" name="2" id="input2"/>
    <input type="submit" id="submit" name="submit" value="submit" />
</form>

当我收到来自另一个JSON的响应结果成功时,提交表单,然后当用户单击“提交”时,它将重定向到另一个页面。

这是我的jQuery AJAX调用-

    $(document).ready(function(){
    $.ajax({
        type: "POST",
        url: "data/add-features-2.json",
        contentType: "application/json",
        dataType: "json",
        data: JSON.stringify({
            input_1: $("#input1").val(),
            input_2: $("#input2").val(),
        }),
        success: function(response) {
            var res_result = response[0].response.result;
            console.log(res_result);
            if(res_result == "Success"){
                alert(res_result);
                $("#form").submit(function(e) {
                    var form = $("#form");
                    var url = form.attr('action');
                    var ConvertJSON = function(){
                        var rows = [];
                        $('#form').each(function(i, n){
                            var $row = $(n);
                            rows.push({
                                field1: $row.find('#input1').val(),
                                field2: $row.find('#input2').val(),
                            });
                        });
                        var outputAddFeaturesJSON =  JSON.stringify(rows);
                        window.location.href = "garbage2.html";
                        var parsedJSON = JSON.parse(outputAddFeaturesJSON);
                        console.log(parsedJSON[0]);


                        var tr;
                        for (var i = 0; i < rows.length; i++) {
                            tr = $('<tr/>');
                            tr.append("<td>" + parsedJSON[0].field1 + "</td>");
                            tr.append("<td>" + parsedJSON[0].field2 + "</td>");
                            $('#table tbody').append(tr);
                        }

                        return outputAddFeaturesJSON;
                    };
                    $(function(){        
                       console.log(ConvertJSON());
                    });
                    e.preventDefault();
                });
            }else{
                $("#form").submit(function(e) {
                    window.location.href = "garbage2.html";
                    e.preventDefault();
                });
            }
        },
        error: function(response) {
            console.log(response);
        }
    });
});

当用户点击Submit-

时,我成功获得了JSON格式的数据
[{"field1":"111","field2":"1111"}]

我希望在表中显示结果,请帮忙。

0 个答案:

没有答案