我在 2 个页面 test.php 和 validate.php 中将示例代码写入 ajax post javaxcript 变量到 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 代码。请插入完整正确的代码来帮助。”
最佳答案
尝试添加 submit()方法给你<form>而不是将事件附加到提交按钮。
$(document).on('submit', 'form', function(){
post();
return false;
});
目前我认为无论如何您的表单都会提交，您必须 return false提交或 preventDefaults()
一个好主意是在表单中添加一个 ID，以防页面上有多个 ID，并使用 .on 中的相关选择器。事件处理程序，例如
$(document).on('submit', $('#form-id'), function(){ ... });
关于php - ajax将javascript变量发布到同一页面中的php，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18811112/