Php 按钮不存在'；我不能在div内工作，但在div外工作_Php_Html_Ajax

Php 按钮不存在'；我不能在div内工作，但在div外工作

php html ajax

Php 按钮不存在'；我不能在div内工作，但在div外工作,php,html,ajax,Php,Html,Ajax,大家好，提前谢谢你们的帮助我对Ajax缺乏经验，我一直在尝试做的事情上遇到问题。它是一个基本的通知容器，使用和一些其他元素问题是，我似乎无法在div中使用任何按钮。我最新的尝试是在底部使用一个“markall Read”按钮，使用ajax调用一个php文件（目前只有一个用于测试的echo）你知道我遗漏了什么吗这是按钮行，它位于另一个通知容器中 <div id="markallread" class="markAll"> <input type="button"

大家好，提前谢谢你们的帮助

我对Ajax缺乏经验，我一直在尝试做的事情上遇到问题。它是一个基本的通知容器，使用

和一些其他元素

问题是，我似乎无法在div中使用任何按钮。我最新的尝试是在底部使用一个“markall Read”按钮，使用ajax调用一个php文件（目前只有一个用于测试的echo）

你知道我遗漏了什么吗

这是按钮行，它位于另一个通知容器中

<div id="markallread" class="markAll">
    <input type="button" id="markallr" value="Mark All as Read" class="button">
</div>

正如我所说的，PHP文件只是测试的回音

<?php echo "Success"; ?>

现在，我可以将按钮放在页面顶部，容器外部，它会给我一个“是”的警告，但不会运行php文件。一旦我把它放在容器的任何地方，我就失去了所有的功能

编辑：输入错误：$

我认为主要问题是您在新jquery版本中使用旧版本的ajax语法试试下面的方法

      $.ajax({
            url  : '../markread.php',
            type : 'POST',
            cache: false,
            data : 'yourdata=data',
        })
        .done(function (html) {
           console.log('Ajax Completed');
        })
        .fail(function (msg) {
            console.log("Ajax Failed" + msg);
        })
        .always(function () {
            console.log("The always method is always executed!");
        });

使现代化


文件
$（文档）.ready（函数（）{
$（“#markallr”）。单击（函数（）{
$.ajax({
url:“../markread.php”，
键入：“POST”，
cache:false，
数据：“yourdata=data”，
})
.done（函数（html）{
log（'ajaxcompleted'）；
})
.fail（函数（msg）{
log（“Ajax失败”+msg）；
})
.always（函数（）{
log（“始终执行always方法！”）；
});
});
});

@RachelGallen-他们没有使用XHTML。没有必要在空元素的开始标记的末尾添加一个无意义的

。单击时会发生什么？你有错误吗？你的javascript驻留在哪里？@Ibu不，什么也没发生。这是一个空点击。当我将此按钮移到“”容器外时，它将返回成功警报。这意味着两件事。1.调用PHP文件一定有问题。二,。由于某种原因，在“”容器内使用按钮时出现问题。我已尝试了您的代码，这已损坏了容器。另外，我没有向数据库发送任何数据，我只是想在单击按钮时执行markread.php。

      $.ajax({
            url  : '../markread.php',
            type : 'POST',
            cache: false,
            data : 'yourdata=data',
        })
        .done(function (html) {
           console.log('Ajax Completed');
        })
        .fail(function (msg) {
            console.log("Ajax Failed" + msg);
        })
        .always(function () {
            console.log("The always method is always executed!");
        });

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div id="markallread" class="markAll"><input type="button" id="markallr" value="Mark All as Read" class="button"></div>
    <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
    <script>
        $(document).ready(function(){
            $("#markallr").click(function(){
                $.ajax({
                    url  : '../markread.php',
                    type : 'POST',
                    cache: false,
                    data : 'yourdata=data',
                })
                .done(function (html) {
                   console.log('Ajax Completed');
                })
                .fail(function (msg) {
                    console.log("Ajax Failed" + msg);
                })
                .always(function () {
                    console.log("The always method is always executed!");
                });
            });
        });
    </script>
</body>
</html>