Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 在不刷新页面的情况下提交数据,并在表单下方显示实时数据_Php_Jquery_Ajax - Fatal编程技术网

Php 在不刷新页面的情况下提交数据,并在表单下方显示实时数据

Php 在不刷新页面的情况下提交数据,并在表单下方显示实时数据,php,jquery,ajax,Php,Jquery,Ajax,有人知道如何在表格下方提交后显示数据吗? 我有一个像下面这样的函数来保存数据的代码,但我想在保存数据后,它会显示在下面的表单中。我想我喜欢facebook的留言墙 <script type="text/javascript" > $(function() { $(".submit").click(function() { var name = $("#name").val(); var username = $("#username").val(

有人知道如何在表格下方提交后显示数据吗? 我有一个像下面这样的函数来保存数据的代码,但我想在保存数据后,它会显示在下面的表单中。我想我喜欢facebook的留言墙

<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中?您希望以现有形式还是新形式显示数据