javascript AJAX 调用显示来自html中php脚本的响应

t40tm48m 于 2023-01-01 发布在 Java

关注(0)|答案(3)|浏览(277)

我有一个html文件，用户可以在其中输入一个值。我用PHP编写了一个脚本，检查该值是否存在于数据库中。如果存在，则返回
{"主动"：真}
现在我的目标是，当用户输入他们的值并提交时，如果这个活动为真，他们将被重定向到某个页面，如果为假，他们应该看到一个错误消息。
下面是我对AJAX调用的尝试：

$("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，我不确定我正在尝试的是正确的。任何帮助将不胜感激!
先谢了。

JavaScript

来源：https://stackoverflow.com/questions/39075176/ajax-call-display-response-from-php-script-in-html

3条答案

按热度按时间

ckocjqey1#

你能不能试试：

$(".aanmeldenmodal").submit(function(e){
      e.preventDefault();

赞(0）回复(0）举报 2023-01-01

wmvff8tz2#

我现在更新我的答复

<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>

jQuery部分类似于

$("document").ready(function () {

    $("body").on("click", ".checkform", function (e) {
        e.preventDefault();
        var request = $("#txt1").value;
        $.ajax({
        type: 'GET',
        url: 'ajax.php',
        data: {request: 'request'},
        dataType: 'json',
        success: function (data) {
           if(data.active==true){
               alert("success");
           }else{
                alert("failure");
           }

        }
    });

    });
});

php应该是这样的

if(isset($_GET['request'])){
  //check for the text
   echo json_encode($arr);     
}

赞(0）回复(0）举报 2023-01-01

xlpyo6sf3#

在api/check.php中您可以以json格式传递数据

$json = json_encode($data);
retrun $json;

您也不能共享任何数据，因此可以从jQuery中删除数据。

data:data

您的Jquery如下所示：

$("document").ready(function(){
 $(".checkform").submit(function(e){
e.preventDefault();
$.ajax({
  type: "GET",
  dataType: "json",
  url: "api/check.php", 
  success: function(data) {
    if(data.active=="true"){
        alert("success");
        location.href="where_you_want";
     }else{
         alert("failure");
     }
  }
});
return false;
});
});

赞(0）回复(0）举报 2023-01-01

我来回答

javascript AJAX 调用显示来自html中php脚本的响应

3条答案

相关问题

热门标签

最新问答