Question

我在2页的test.php和validate.php中将示例代码写入ajax帖子 javaxcript varible 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>

validate.php

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

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

如何在同一页面上编写/更改上面的代码？和validate.php插入test.php ??

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

Answer 1

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

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

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

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

），则最好在表单中添加ID。

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

Answer 2

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>

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

2 个答案: