如何使用AJAX调用包含的php文件


How to call included php file with AJAX?

我不确定这是否是最好的方法,但是如何使用包含的文件进行AJAX调用?让我做一个简单的例子。

我有,主要的index.php文件,以下内容,我想访问从包含的文件返回的所有数据,魔术发生的地方。数据实际上是数组类型

<?php
require_once('magic.php');
?>
<html>
<body>
<form action="<?=$_SERVER['PHP_SELF'];?>" method="POST">
     <input type="text" name="variable" id="variable" />
     <input type="submit" value="Do magic" name="submit"  />
</form> 
<?php
    echo "<pre>";
    print_r($data);
    echo "</pre>";
?>
</body>
</html>

和"magic.php"文件,所有的魔法都在这里发生。

<?php
$variable = $_POST['variable'];
function doMagic($variable) {
    # do some magic with passed variable ...
    # and return data
    return $data;
}
$data = doMagic($variable);
# now return $data variable so main file can use it
return $data;
?>

我想做的是用AJAX调用这个函数doMagic(),但所有的逻辑已经包含在全局空间中,并返回$data到模态或弹出窗口。

什么是最好的方法,因为我已经传递变量包含的文件?

像下面这样使用ajax

$('form').submit(function(){
     $.ajax({url: "magic.php", 
     data: {variable : $'#variable').val()},
     success:function(data){console.log(data);});
});

magic.phpjson_encode

<?php
$variable = $_POST['variable'];
function doMagic($variable) {
    # do some magic with passed variable ...
    # and return data
    return $data;
}
$data = doMagic($variable);
# now return $data variable so main file can use it
return json_encode($data);
?>

既然你有jQuery作为标签…

你可以这样做:

在你的index.php:

<input type="text" id="variable">
<div id="#myButton"></div>
<div id="#response"></div>

然后有一个Javascript文件(或包含在您的index.php):

$('#myButton').click(function(){
    var myVariable = $('#variable').val();
    $.post( "magic.php",{variable: myVariable}, function(data) {
        $( "#response" ).html( data );
    });
});

这基本上意味着,当您单击具有myButton id的项目时,它将获取具有variable id的输入内部的值,通过jQuery.post()将其POST到您的magic.php文件,并返回数据。然后,用它返回的数据替换id为response的div的html。

确保包含jQuery库