ajax将javascript变量发布到同一页面中的php_Php_Jquery

ajax将javascript变量发布到同一页面中的php

php jquery

ajax将javascript变量发布到同一页面中的php,php,jquery,Php,Jquery,我在2个页面test.php和validate.php中为ajax postjavaxcript Variable to php编写示例代码 test.php: <!doctype html> <html> <head> <meta charset="utf-8"> <script type="text/javascript" src="jquery.min.js" ></script> </head> <

我在2个页面test.php和validate.php中为ajax postjavaxcript Variable to php编写示例代码

test.php:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="jquery.min.js" ></script>

</head>
<body>
<form>
<input type="text" id="name" placeholder="enter Your name...." /><br/>
<input type="text" id="age" placeholder="enter Your age...." /><br/>
<input type="button" value="submit" onclick="post();">
</form>
<div id="result" ></div>

<script type="text/javascript">
function post()
 {
var name=$('#name').val();
var age=$('#age').val();
$.post('validate.php',{postname:name,postage:age},
function(data)
{
if (data=="1")
    {
$('#result').html('you are over 18 !');
}
if (data=="0")
{
$('#result').html('you are under 18 !');
}
});
}
</script>

</body>
</html>






职能职位（）
{
var name=$（'#name'）.val（）；
var age=$（'#age'）.val（）；
$.post（'validate.php'，{postname:name，postage:age}，
功能（数据）
{
如果（数据==“1”）
{
$（“#result'）.html（'你已经18岁了！'）；
}
如果（数据=“0”）
{
$（“#result'）.html（'您未满18岁！'）；
}
});
}

validate.php

<?php
$name=$_POST['postname'];
$age=$_POST['postage'];

if ($age>=18)
{
echo "1";
}
else
{
echo "0";
}
?>

如何在同一页中编写/更改上述代码？？并在test.php中插入validate.php？？？

在第一个答案后添加： “但是我的页面上没有/没有任何按钮或按钮。我可以在test.php中的何处插入validate.php代码。请插入完整正确的代码以提供帮助。“

尝试将

submit（）

方法添加到

中，而不是将事件附加到submit按钮

$(document).on('submit', 'form', function(){
    post();
    return false;
});

目前，我认为您的表单已提交，无论发生什么情况，您都必须在提交时

返回false

，或者

preventDefaults（）

如果页面上有多个ID，最好在表单中添加一个ID，并使用

.on

事件处理程序中的相关选择器，例如

$（document）.on（'submit'，$（'#form id'），function（）{…}）
ajax用于与服务器交换数据。若你们想在同一个页面上写代码，那个么重新加载页面，在test.php上面写validate.php代码，如下所示
<?php
   //validate.php code
?>
<form action=test.php type=POST>
  <input type="text" id="name" placeholder="enter Your name...." /><br/>
  <input type="text" id="age" placeholder="enter Your age...." /><br/>
  <input type="button" value="submit">
</form>






但我没有任何submit（）按钮或设计中的任何按钮。在哪里插入validate.php代码？看看这个，不过你们并不真正需要Ajax。我在javascript中有条件，并且取决于同一页面的php代码中的结果是否有一些值。如何在代码中添加php代码？（），必须先运行javascript，然后再运行php。如果只需将年龄输入与给定的数字（18）进行比较，则不需要Ajax（$.post），以下操作即可<代码>函数post（）{var age=$（'#age'）.val（）；if（age>=18）{$（'#result'）.html（'you over 18！'）；}否则{$（'#result'）.html（'you over 18！'）；}