如何使用ajax发布数据并在同一页面的div中显示发布的数据而不刷新页面?
最佳答案
为此,您不应提交表单,而应使用单击事件捕获表单数据,通过 AJAX 提交数据,最后...将数据输入到 DIV
元素。例如
jQuery
$("#submitdata").click(function() {
var FormVal={ datafield1:$('#field1').val(),
datafield2:$('#field2').val()};
$.ajax({
type: "POST",
url: "myupdatepage.cfm",
dataType: "json",
data: FormVal,
async: false,
success: function(response) {
$('#fillmein').html($('#field1').val()+'<br />'+$('#field1').val()); // Assign the values to the DIV
}
});
});
HTML
<form action="">
<input type="text" id="field1">
<input type="text" id="field2">
<input type="button" id="submitdata" value="Submit data" />
</form>
<div id="fillmein"></div>
关于Jquery发布然后立即在同一页面上显示发布的数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3118176/