Php 在不刷新页面的情况下提交数据,并在表单下方显示实时数据
有人知道如何在表格下方提交后显示数据吗? 我有一个像下面这样的函数来保存数据的代码,但我想在保存数据后,它会显示在下面的表单中。我想我喜欢facebook的留言墙Php 在不刷新页面的情况下提交数据,并在表单下方显示实时数据,php,jquery,ajax,Php,Jquery,Ajax,有人知道如何在表格下方提交后显示数据吗? 我有一个像下面这样的函数来保存数据的代码,但我想在保存数据后,它会显示在下面的表单中。我想我喜欢facebook的留言墙 <script type="text/javascript" > $(function() { $(".submit").click(function() { var name = $("#name").val(); var username = $("#username").val(
<script type="text/javascript" >
$(function() {
$(".submit").click(function() {
var name = $("#name").val();
var username = $("#username").val();
var password = $("#password").val();
var gender = $("#gender").val();
var dataString = 'name='+ name + '&username=' + username + '&password=' + password + '&gender=' + gender;
if(name=='' || username=='' || password=='' || gender=='')
{
$('.success').fadeOut(200).hide();
$('.error').fadeOut(200).show();
}
else
{
$.ajax({
type: "POST",
url: "result.php",
data: dataString,
success: function(){
$('.success').fadeIn(200).show();
$('.error').fadeOut(200).hide();
}
});
}
return false;
});
});
</script>
$(函数(){
$(“.submit”)。单击(函数(){
var name=$(“#name”).val();
var username=$(“#username”).val();
var password=$(“#password”).val();
var性别=$(“#性别”).val();
var dataString='name='+name+'&username='+username+'&password='+password+'&gender='+gender;
如果(姓名=“”| |用户名=“”| |密码=“”| |性别=“”)
{
$('.success').fadeOut(200.hide();
$('.error').fadeOut(200.show();
}
其他的
{
$.ajax({
类型:“POST”,
url:“result.php”,
数据:dataString,
成功:函数(){
$('.success').fadeIn(200.show();
$('.error').fadeOut(200.hide();
}
});
}
返回false;
});
});
在ajax请求成功后,只需将响应附加到指定的HTML元素(div、span等)
$.ajax({
type: "POST",
url: "result.php",
data: dataString,
success: function(response){
$('.success').fadeIn(200).show();
$('#response').append(response);
$('.error').fadeOut(200).hide();
}
});
响应将附加到您指定的HTML元素。只是一个提示,但是knockout.js对于此类内容非常有用:)所以您希望提交数据。。。并立即与现有数据集成?问题是什么?如果您有数据,只需填充“.success”元素并显示它。您好。。那么,是否可以将url示例:showdata.php添加到tag.success中?您希望以现有形式还是新形式显示数据