将生成的Javascript事件添加到生成的HTML

debugcn 发表于 Dev

Dropye

我做了很多研究，但似乎找不到很好的答案。

我在这里有此代码：

            while($row = mysqli_fetch_row($query)){
            $result .= '

                <script>
                    function Click'.$DOMid.'01(){answer("'.$DOMid.'","'.$row[2].'", "accept");}
                    function Click'.$DOMid.'02(){answer("'.$DOMid.'","'.$row[2].'", "decline");}
                </script>

                <div  id = "'.$DOMid.'" style = "box-shadow: 5px 5px 2px #0f0f0a; margin: 10px; width:300px; padding:10px; border: 1px solid #0f0f0a;">
                    <p>
                        Freundschaftsanfrage von: '.$row[2].'
                    </p>
                    <button id = "'.$DOMid.'01" onclick="Click'.$DOMid.'01">Accept</button>
                    <button id = "'.$DOMid.'02" onclick="Click'.$DOMid.'02">Decline</button>
                </div>
                ';

                $DOMid = $DOMid+1;
        }

        $result .= '<script>
                        function answer(id, user, type){
                            $.ajax({
                                method: "POST",
                                url: "systems/friends_system.php",
                                data:{type: type, user, <?php echo json_encode($log_username);?>}
                            }).done(function(r){
                                if(r.charAt(0) == "_"){
                                    window.location = "message.php?msg=" + r;
                                }else{
                                    _("id").style.display = "none";
                                }
                            });
                        }
                    </script>';

        echo $result;
        exit();

它的PHP代码，并为每个元素生成html和javascript。

但是我认为我的javascript部分当时未解析到浏览器，引发了一个错误，即未定义Clickxxx函数。

产生的代码如下所示：

<script>
    function Click001(){answer("0","Drop", "accept");}
    function Click002(){answer("0","Drop", "decline");}
</script>
<div id="0" style="box-shadow: 5px 5px 2px #0f0f0a; margin: 10px; width:300px; padding:10px; border: 1px solid #0f0f0a;">
    <p>
         Freundschaftsanfrage von: Drop
    </p>
        <button id="001" onclick="Click001">Accept</button>
        <button id="002" onclick="Click002">Decline</button>
</div>  
<script>
    function answer(id, user, type){
        $.ajax({
            method: "POST",
            url: "systems/friends_system.php",
            data:{type: type, user, <?php echo json_encode($log_username);?>}
        }).done(function(r){
            if(r.charAt(0) == "_"){
                window.location = "message.php?msg=" + r;
            }else{
                _("id").style.display = "none";
            }
        });
    }
</script>

Dropye

我重新制定了《守则》

现在看起来像这样：

$result .= '                    
                    <div  id = "'.$DOMid.'" style = "box-shadow: 5px 5px 2px #0f0f0a; margin: 10px; width:300px; height: 105px; padding:10px; border: 1px solid #0f0f0a;">
                        <p style = "height: 75px;">
                            <span style = "line-height: 75px; margin: auto 2px;">
                                Freundschaftsanfrage von: <a href = "/user.php?u='.$row[2].'">'.$row[2].'</a>
                            </span>
                            <span style = "line-height: 75px; margin: auto 2px;">
                                <img src = "/user/'.$row[2].'/profile_pic.png" height = 60px width = 50px alt= "'.$row[2].'">
                            </span>
                        </p>
                        <button id = "'.$DOMid.'01" onclick="answer('.$DOMid.', \''.$row[2].'\', \'accept\')">Accept</button>
                        <button id = "'.$DOMid.'02" onclick="answer('.$DOMid.', \''.$row[2].'\', \'decline\')">Decline</button>
                    </div>';

现在，每个JavaScript都位于原始文件中，并且仅带有参数。

无需通用Javascript。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。