使用JQuery从不同的php文件中获取数据

时间:2016-10-04 16:02:42

标签: javascript php jquery

我有一个JQuery函数,它将数据从php表单提交到另一个php文件(submitForm.php)。提交工作正常,没有任何问题,下面是处理程序:

    submitHandler : function(){                     
        $.ajax({  
            type: "POST",
            cache:false,  
            url: "submitForm.php",  
            data: $('#form').serialize(),
            success: function(data) {                       

            } 
        });
    }

现在,我希望能够从提交表单(submitForm.php)获取数据,并将其加载到其他页面中。

这是我的submitForm.php

   <?php
       $name="Amanda";
       $age="23";

       $data = array("name"=>"$name","age"=>"$age");
        header("Content-Type: application/json");
        echo json_encode($data);
   ?>

这就是我的新submitHandler的样子

     submitHandler : function(){                     
    $.ajax({  
        type: "POST",
        cache:false,  
        url: "submitForm.php",  
        data: $('#form').serialize(),
        success: function(data) {                       
               var name= html(name);
               var age=html(age);

         $("#message").load("newpage.php",{name:name,age:age});

        } 
    });
}

我认为我做错了,如果有人能够纠正我或者想知道如何做到这一点,我将不胜感激。感谢

1 个答案:

答案 0 :(得分:3)

应该是这样的。如果你想获取你的返回者数据,你应该使用成功函数的形式参数。

submitHandler : function(){                     
    $.ajax({  
        type: "POST",
        cache:false,  
        url: "submitForm.php",  
        data: $('#form').serialize(),
        dataType : 'json',
        success: function(data) {                       
               var name= data.name;
               var age=data.age;

         $("#message").load("newpage.php",{name:name,age:age});

        } 
    });
}

编辑:你还需要dataType:'json'行。