0

jQuery .load() 関数を使用した私の特定の状況は、リンクをクリックした後に自分のサイトにページを含めることです。コードをインラインで記述することにしました。私が持っているのは、情報を編集するページにリンクするいくつかのボタンを備えたユーザー コントロール パネルです。パスワード用と設定用に 1 つずつあります。これを機能させようとしています。クリックするリンクに適用する for each ループを作成します。私のphpファイルは次のようになります。

<?php
    include_once("template/main_site/core/init.php");
    protect_page();

    if (empty($_POST) === false) {
        $required_fields = array('current_password', 'password', 'password_again');
        foreach ($_POST as $key=>$value) {
            if (empty($value) && in_array($key, $required_fields) === true) {
                $errors[] = 'Fields lighted red are required.';
                break 1;
            }
        }

        if (encryptBetter($_POST['current_password']) === $user_data['password']) {
            if (trim($_POST['password']) !== trim($_POST['password_again'])) {
                $errors[] = 'Your new passwords do not match';
            }
            if (strlen($_POST['password']) < 6 || strlen($_POST['password']) >= 32) {
                $errors[] = 'Your new password must be less than 32 characters and more than 6 characters.';
            }
        } else {
            $errors[] = 'Your current password is entered incorrectly.';
        }

    }
?>
    <h1>Change Password</h1>
    <?php
    if (isset($_GET['success']) === true && empty($_GET['success']) === true) {
        echo 'Your password has been changed!';
    } else {
        if (isset($_GET['force']) === true && empty($_GET['force']) === true) {
    ?>
        <p>You must change your password now that you've requested.</p>
    <?php
        }
        if (empty($_POST) === false && empty($errors) === true) {
            change_password($session_user_id, trim($_POST['password']));
            header('Location: changepassword.php?success');
            exit();
        } else if (empty($errors) === false) {
            echo output_errors($errors);
        }
    ?>
    <form action = "" method = "post">
        <ul>
            <li>
                <label>Current Password</label>
                <input required type = "password" name = "current_password" pattern=".{6,32}"/>
            </li>
            <li>
                <label>New Password</label>
                <input required type = "password" name = "password" pattern=".{6,32}"/>
            </li>
            <li>
                <label>Repeat New Password</label>
                <input required type = "password" name = "password_again" pattern=".{6,32}"/>
            </li>
            <input type = "submit" value = "change password"/>
        </ul>
    </form>

<?php
    }
?>

このphpファイルが含まれているページに含まれています。また、php インクルードを使用して changepassword.php ページをインクルードすると、正しく読み込まれることにも注意してください。jQueryの読み込みを除いて、基本的にphpのインクルードと同じものが欲しいです。

ログインしたインクルード php ファイルは次のようになります。

<div id="controls">
    <ul>
        <a id = "changepassword" href = "#login"><li>Change Password</li></a>
        <a href = "#"><li>Edit Profile</li></a>
        <?php if (is_admin()) { ?><a href = "#admin"><li>Administrate</li></a><?php }?>
        <a href = "logout.php"><li>Log out</li></a>
        <div id = "panel"></div>
    </ul>
</div>
<div id = "panel"><?php # include_once('template/main_site/includes/widgets/changepassword.php'); ?></div>

<script>
    $('#changepassword').click(function() {
        var phpFile = 'template/main_site/includes/widgets/' + $(this).attr('id') +'.php';
        $('#panel').html('loading...').load(phpFile);
    });
</script>

私がばかなら、あなたは私を荒らすことができます。私は気にしない。jQuery のセキュリティ ブロックである場合は、お知らせください。load のドキュメントを何度も読んで、それが機能しない理由を見つけようとしました。どうしてもできない場合は、このコミュニティに教えてもらい、あきらめるようにしてください。これらのファイルのライブインクルードが本当に欲しいだけです。おそらく私には別の解決策があります。もしそうなら、それを提案してください。私はそれを構築しようとすることができます。ありがとうございました。

4

2 に答える 2

0

jQuery .ready()関数を使用していません。この関数は、DOM が完全に読み込まれるとスクリプトを実行します。したがって、スクリプト全体をその中にラップします。

<script>
$(document).ready(function() {
    $('#changepassword').click(function() {
        var phpFile = 'template/main_site/includes/widgets/' + $(this).attr('id') +'.php';
        $('#panel').html('loading...').load(phpFile);
    });
});
</script>
于 2013-07-11T07:00:44.097 に答える