Php 阿贾克斯没有被解雇?

Php 阿贾克斯没有被解雇?,php,ajax,Php,Ajax,我正在使用jqueryvalidator插件,我正在尝试使用AJAX对其进行第一次尝试 现在,我有以下HTML代码: <div class="grid_12" id="info"> </div> <div class="grid_12"> <div class="block-border"> <div class="block-

我正在使用jqueryvalidator插件,我正在尝试使用AJAX对其进行第一次尝试

现在,我有以下HTML代码:

            <div class="grid_12" id="info">
        </div>


        <div class="grid_12">
            <div class="block-border">
                <div class="block-header">
                    <h1>Inserir nova página</h1><span></span>
                </div>
                <form id="formulario" class="block-content form" action="<?=$_SERVER['PHP_SELF'];?>" method="post">
                    <div class="_100">
                        <p><label for="textfield">Nome da página</label><input id="page_name" name="textfield" class="required text" type="text" value="" /></p>
                    </div>

                    <div class="_100">
                        <p><label for="textarea">Conteúdo da página</label><textarea id="page_content" name="textarea" class="required uniform" rows="5" cols="40"></textarea></p>
                    </div>
                    <div class="block-actions">
                        <ul class="actions-left">
                            <li><a class="button red" id="reset-validate-form" href="javascript:void(0);">Limpar</a></li>
                        </ul>
                        <ul class="actions-right">
                            <li><input type="submit" class="button" name="send" value="Inserir"></li>
                        </ul>
                    </div>
和我的JS代码:

  <script type="text/javascript">
$().ready(function() {

    /*
     * Form Validation
     */
    $.validator.setDefaults({
        submitHandler: function(e) {
            $.jGrowl("Ação executada com sucesso.", { theme: 'success' });
            $(e).parent().parent().fadeOut();


            /*
             * Ajax
             */
            var mypostrequest=new ajaxRequest();
            mypostrequest.onreadystatechange=function(){
             if (mypostrequest.readyState==4){
              if (mypostrequest.status==200 || window.location.href.indexOf("http")==-1){
               document.getElementById("info").innerHTML=mypostrequest.responseText;
              }
              else{
               alert("An error has occured making the request")
              }
             }
            }
            var page_name=encodeURIComponent(document.getElementById("page_name").value);
            var page_content=encodeURIComponent(document.getElementById("page_content").value);
            var parameters="page_name="+page_name+"&page_content="+page_content;
            mypostrequest.open("POST", "ajax/inserir_utilizador.php", true);
            mypostrequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
            mypostrequest.send(parameters);




            v.resetForm();
            v2.resetForm();
            v3.resetForm();

            return false;
        }
    });
    var v = $("#create-user-form").validate();
    jQuery("#reset").click(function() { v.resetForm(); $.jGrowl("User was not created!", { theme: 'error' }); });

    var v2 = $("#write-message-form").validate();
    jQuery("#reset2").click(function() { v2.resetForm(); $.jGrowl("Message was not sent.", { theme: 'error' }); });

    var v3 = $("#create-folder-form").validate();
    jQuery("#reset3").click(function() { v3.resetForm(); $.jGrowl("Folder was not created!", { theme: 'error' }); });

    var formulario = $("#formulario").validate();
    jQuery("#reset-validate-form").click(function() { formulario.resetForm(); $.jGrowl("O formulário foi limpo!", { theme: 'information' }); });
    });
我有一个没有任何内容的div信息,我正试图把ajax的结果放在那里

我的ajax文件只是尝试回显POST值:

<?php
$page_name=$_POST["page_name"];
$page_content=$_POST["page_content"];

echo $page_name."<br />";
echo $page_content;
?> 
但它真的不起作用。它实际上什么都不做,或者如果它做了,它会刷新页面

我错过了什么

问候和感谢

我建议您使用$.ajax或$.post。 这样容易多了,你的头痛肯定会消失的

这里有很多例子:

非常感谢您!我已经实现了$.post,现在它可以工作了。谢谢
$.ajax({
  type: 'POST',
  url: 'url to post',
  data: data,
  success: function(data, status) {
    //callback for success
  },
  error: error, //callback for failure
  dataType: "json" //or "html" etc
});