您好,我正在尝试使用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"}]
我希望在表中显示结果,请帮忙。