Php 使用ajax更新div无法正常工作

对不起，我知道类似的内容已经发布了。我已经尝试了那里的每一种资源并进行了研究，但我仍然无法找出我的代码有什么问题。我使用的是一篇关于php的Ajax文章。除了div没有在submit时重新加载之外，一切似乎都很好。刷新页面后，我发布的内容出现了。有人能告诉我我做错了什么吗

js代码：

$(function() {
    $('.error').hide();
    $('input.text-input').css({
        backgroundColor: "#FFFFFF"
    });
    $('input.text-input').focus(function() {
        $(this).css({
            backgroundColor: "#C0DDFA"
        });
    });
    $('input.text-input').blur(function() {
        $(this).css({
            backgroundColor: "#FFFFFF"
        });
    });

    $(".button").click(function() {
        // validate and process form
        // first hide any error messages
        $('.error').hide();


        var email = $("input#email").val();
        if (email == "") {
            $("label#email_error").show();
            $("input#email").focus();
            return false;
        }


        var dataString = '&email=' + email;
        //alert (dataString);return false;
        $.ajax({
            type: "POST",

            url: "../EdinburgCISD/Gorena/Gorena.php",
            data: dataString,
            success: function(data) {
                $("#email").val('');


                $("#div").fadeOut(1000);
                // Change the content of the message element
                $("#div").html(data);

                // Fade the element back in
                $("#div").fadeIn(1000);


            }
        });
        return false;
    });
});​

html代码：

这是我的部门

 <div id="div"> <?php \\database select query ?> </div>

---

我是这个网站的新手，如果我发布了一些错误，我很抱歉…

修改了您的代码。请查看注释，您应该指定

数据类型：html

（请参阅ajax部分）

更新

---

看到这把小提琴，你就会明白了，延迟功能是可选的，我已经使用了它，所以效果非常显著

你在控制台（firebug/developer工具）中有错误吗

否则你可以在下面试试

警惕地检查

 $.ajax({
  type: "POST",
  url: "../EdinburgCISD/Gorena/Gorena.php",
  data: dataString,   
  success: function(data) {
     alert(data);//what you get here? are you getting "object" in alert? then you need to specify property or mention dataType

     $("#email").val('');
     $("#div").fadeOut(1000);
     // Change the content of the message element
     $("#div").html(data);
    // Fade the element back in
       $("#div").fadeIn(1000);
     }
  });

---

是否调用

success

处理程序？之所以调用，是因为当警报在其中时，出现了一条错误消息。关闭，但尚未关闭。我说div所在的HTML实际上是一个php文件。这会改变$（“#div”.html（数据）的部分吗；或数据类型：“php”。噢，非常感谢您的快速响应和时间帮助……噢，我忘了告诉您，在您给我的更正中，它会消失，但不会返回。@JAG不，您不能将数据类型设置为

php

，因为它不是数据类型，数据类型表示预期的数据类型服务器可以是

html

，

json

或

xml

等等，我会更新答案，可能会有帮助，你从服务器获取什么样的数据？你是在服务器上构建html，然后将其返回到ajax调用吗？好的，我正在刷新服务器上的mysql数据。我使用的是php，我的div在那里，所以我正在构建我正在服务器上调用ajax。当我使用$（“#div”）.html（数据）时，我的div上的内容就消失了。当我使用$（“#div”）.php（数据）时；出现了一个错误。它说的是来自webp的消息…它没有显示消息的其余部分。任何想法都可以睡觉…希望你们能帮助我…非常感谢你们的时间…在你们发出警报（数据）之后；你们在警报中得到了什么？它的消息说“来自webp的消息…”。它太小，不允许我扩展。警报中显示的错误消息是“

 $.ajax({
  type: "POST",
  url: "../EdinburgCISD/Gorena/Gorena.php",
  data: dataString,   
  success: function(data) {
     alert(data);//what you get here? are you getting "object" in alert? then you need to specify property or mention dataType

     $("#email").val('');
     $("#div").fadeOut(1000);
     // Change the content of the message element
     $("#div").html(data);
    // Fade the element back in
       $("#div").fadeIn(1000);
     }
  });