我不确定这是否是最好的方法,但是如何使用包含的文件进行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.php
用json_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库