2

我在 2 页 test.php 和 validate.php中将示例代码编写到 ajax 后javaxcript 变量到 php 。

测试.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>

验证.php

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

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

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

在第一个答案之后添加：“但我没有/使用任何按钮或在我的页面中。我在哪里可以在 test.php 中插入 validate.php 代码。请通过插入完整的正确代码来帮助。”

4

2 回答 2

0

尝试向submit()您添加一个方法，<form>而不是将事件附加到提交按钮。

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

目前我认为您的表单无论如何都已提交，您必须return false提交或preventDefaults()

如果您的页面上有多个 ID，并在.on事件处理程序中使用相关选择器，例如

$(document).on('submit', $('#form-id'), function(){ ... });

于 2013-09-15T10:16:14.143 回答
0

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>
于 2014-09-23T05:32:20.323 回答