Javascript html中php脚本的AJAX调用显示响应
我有一个html文件,用户可以在其中输入值。 我用PHP编写了一个脚本,检查数据库中是否存在该值。如果它存在,它就会回来 {“活动”:真} 现在我的目标是,当用户输入他们的值并提交时,如果这个活动是真的,他们将被重定向到某个页面。如果为false,他们将看到一条错误消息 下面是我在AJAX调用中尝试的内容:Javascript html中php脚本的AJAX调用显示响应,javascript,php,jquery,html,ajax,Javascript,Php,Jquery,Html,Ajax,我有一个html文件,用户可以在其中输入值。 我用PHP编写了一个脚本,检查数据库中是否存在该值。如果它存在,它就会回来 {“活动”:真} 现在我的目标是,当用户输入他们的值并提交时,如果这个活动是真的,他们将被重定向到某个页面。如果为false,他们将看到一条错误消息 下面是我在AJAX调用中尝试的内容: $("document").ready(function(){ $(".checkform").submit(function(e){ e.preventDefault();
$("document").ready(function(){
$(".checkform").submit(function(e){
e.preventDefault();
$.ajax({
type: "GET",
dataType: "json",
url: "api/check.php",
data: data,
success: function(data) {
if(data.active=="true"){
alert("success");
location.href="where_you_want";
}else{
alert("failure");
}
}
});
return false;
});
});
这是我的HTML:
<form action="api/check.php" id="requestacallform" method="GET" name="requestacallform" class="formcheck">
<div class="form-group">
<div class="input-group">
<input id="#" type="text" class="form-control" placeholder="Jouw subdomein" name="name"/>
</div>
</div>
<input type="submit" value="Aanmelden" class="btn btn-blue" />
</form>
出于某种原因,我得到一个错误:
未捕获引用错误:未定义数据
我是AJAX新手,我不确定我所尝试的是否正确。
任何帮助都将不胜感激
提前谢谢。我正在更新我的全部答案
<html>
<body>
<form action="api/check.php" id="requestacallform" method="GET" name="requestacallform" class="formcheck">
<div class="form-group">
<div class="input-group">
<input id="txt1" type="text" class="form-control" placeholder="Jouw subdomein" name="name"/>
</div>
</div>
<input type="submit" value="Aanmelden" class="btn btn-blue checkform" />
</form>
</body>
</html>
php应该是这样的
if(isset($_GET['request'])){
//check for the text
echo json_encode($arr);
}
你能试试吗
$(".aanmeldenmodal").submit(function(e){
e.preventDefault();
你能分享你的HTML代码吗?你在哪里也被重定向了,我想页面会重新加载吗?分享你的HTML代码also@ArunGhosh我更新了OP@Velimir我被重定向到/api/check.php我的脚本
data.active
是一个布尔值,不是字符串。你能用你的答案签出更新的OP吗?请我得到未捕获的引用错误:数据未定义checking@SanoojT我不明白如何访问json_encode($data);来自我的php脚本的响应weird@FrankLucas快完成了,我会更新我的答案
$(".aanmeldenmodal").submit(function(e){
e.preventDefault();