我有一个带有表格的index.php 。当它被提交时，我希望process.php的结果显示在index.php的结果 div 中。很确定我需要某种 AJAX，但我不确定......
索引.php
<div id="result"></div>
<form action="" id="form" method="get">
<input type="text" id="q" name="q" maxlength="16">
</form>
进程.php
<?php
$result = $_GET['q'];
if($result == "Pancakes") {
echo 'Result is Pancakes';
}
else {
echo 'Result is something else';
}
?>
您真的不需要为此“需要” AJAX，因为您可以将其提交给自己并包含流程文件：
索引.php
<div id="result">
<?php include('process.php'); ?>
</div>
<form action="index.php" id="form" method="get">
<input type="text" id="q" name="q" maxlength="16">
<input type="submit" name="submit" value="Submit">
</form>
进程.php
<?php
// Check if form was submitted
if(isset($_GET['submit'])){
$result = $_GET['q'];
if($result == "Pancakes") {
echo 'Result is Pancakes';
}
else {
echo 'Result is something else';
}
}
?>
实现 AJAX 将使事情更加用户友好，但它肯定会使您的代码复杂化。祝你好运，无论你走哪条路！
这是一个 jquery Ajax 示例，
<script>
//wait for page load to initialize script
$(document).ready(function(){
//listen for form submission
$('form').on('submit', function(e){
//prevent form from submitting and leaving page
e.preventDefault();
// AJAX goodness!
$.ajax({
type: "GET", //type of submit
cache: false, //important or else you might get wrong data returned to you
url: "process.php", //destination
datatype: "html", //expected data format from process.php
data: $('form').serialize(), //target your form's data and serialize for a POST
success: function(data) { // data is the var which holds the output of your process.php
// locate the div with #result and fill it with returned data from process.php
$('#result').html(data);
}
});
});
});
</script>
这是 jquery Ajax 示例，
$.ajax({
type: "POST",
url: "somescript.php",
datatype: "html",
data: dataString,
success: function(data) {
doSomething(data);
}
});
有两种方法可以做到。
要么使用 ajax 调用你的 process.php（我推荐使用jQuery——发送 ajax 调用并根据结果执行操作非常容易。）然后使用 javascript 更改表单。
或者让创建表单的php代码与表单提交的php代码相同，然后根据是否有get参数输出不同的东西。（编辑：MonkeyZeus 为您提供了有关如何执行此操作的详细信息。）
在您的 index.php 中执行此操作怎么样：
<div id="result"><?php include "process.php"?></div>