使用php和jquery在单个处理函数中一个接一个地调用两个ajax

时间:2016-09-01 17:59:10

标签: php jquery ajax

我想编写一个文件three.php,它一个接一个地加载one.php和two.php,即在接收到one.php后应该加载two.php。在点击three.php

中的按钮后,应该会发生这种情况

我的one.php代码

<?php

header("Content-type: image/png");

$image = imagecreatetruecolor(800, 700);

$red = imagecolorallocate($image, 250, 0, 0);

imagefilledellipse($image,10,10,10,10, $red);

imagepng($image);

?>

代码为two.php

<?php

header("Content-type: image/png");

$image = imagecreatetruecolor(800, 700);

$red = imagecolorallocate($image, 250, 0, 0);

imagefilledellipse($image,10,10,10,10, $red);

imagepng($image);

?>

所以帮助使用three.php的代码,这两个php文件应该使用两个不同的按钮

1 个答案:

答案 0 :(得分:2)

您的代码理想情况如下:

档案三.php

    <script type="text/javascript" src="<path to jquery>"></script>
    <button onclick="loadFiles()"></button>

    <script type="text/javascript">


        function loadFiles(){
              $.ajax({
                    type : 'GET',
                    url : '/one.php/',
                    data : {}
                    success :function(data)
                    {

                            //file one content is available in data 
                            //now calling for file2

                            $.ajax({
                                  type : 'GET',
                                  url : '/two.php/',
                                  data : {}
                                  success :function(file2Data)
                                  {
                                   //file2 available here
                                  },
                                  error : function(data)
                                   {
                                   //error handling code here
                                  }

                            });

                    },
                    error : function(data)
                    {
                        //error handling code here
                    }

                });

            }
     </script>