ajax将javascript变量发布到同一页的php中
提问于 2013-09-15 02:05:31
我将样例代码写到ajax javaxcript到php，在2页中，test.php和validate.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 ??
在第一个答案后添加：“但是我没有/使用任何按钮或在我的页面中。我可以在哪里插入validate.php代码在test.php。请帮助插入完整正确的代码。”
回答 2
Stack Overflow用户
发布于 2013-09-15 02:16:14
尝试将submit()方法添加到<form>中，而不是将事件附加到提交按钮。
$(document).on('submit', 'form', function(){
post();
return false;
});目前我认为您的表单无论如何都是提交的，您必须在提交时使用return false或preventDefaults()。
如果页面上有多个ID，并且在.on事件处理程序中使用相关的选择器，那么一个好主意也就是在表单中添加一个ID，例如
$(document).on('submit', $('#form-id'), function(){ ... });
Stack Overflow用户
发布于 2014-09-22 21:32:20
ajax用于与服务器交换数据。如果要在同一页中编写代码，请重新加载页面，然后在test.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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18811112
复制相关文章
![[ASP.NET MVC]如何定制Numeric属性/字段验证消息](https://ask.qcloudimg.com/http-save/yehe-1161266/bddmmmj3lh.png)
腾讯云开发者
