0

私はできる限り真っ直ぐになるように努めます。基本的に、私はjqueryとajaxを使用してphpスクリプトを呼び出し、データベースからメンバーを表示します。各メンバー名の横に削除ボタンがあります。削除ボタンをクリックすると、そのユーザーが削除されるようにしたいと思います。そして、そのユーザーのみ。私が抱えている問題は、1つの削除ボタンからのみの値をクリックしようとしていることです。以下にコードを投稿します。私は多くのことを試しましたが、ご覧のとおり、URLのハッシュ値をそのメンバーに変更してから、URLから値を取得しようとしています。これは機能していません。URLの値が変わることはありません。だから私の質問は、クリックされたメンバーの値をどのように取得するかです。

    <script type="text/javascript">
    $(document).delegate("#user_manage", "pagecreate", function () {
        $.mobile.showPageLoadingMsg()   
        var friends = new Array();
        $.ajaxSetup({
            cache: false
        })
        $.ajax({
            url: 'http://example.com/test/www/user_lookup.php',
            data: "",
            dataType: 'json',
            success: function (data) {
                $.mobile.hidePageLoadingMsg();
                var $member_friends = $('#user_list');
                $member_friends.empty();

                for (var i = 0, len = data.length; i < len; i++) {
                    $member_friends.append("<div class='user_container'><table><tr><td style='width:290px;font-size:15px;'>" + data[i].username + "</td><td style='width:290px;font-size:15px;'>" + data[i].email + "</td><td style='width:250px;font-size:15px;'>" + data[i].active + "</td><td><a href='#" + data[i].username + "' class='user_delete' data-role='none' onclick='showOptions();'>Options</a></td></tr><tr class='options_panel' style='display:none'><td><a href='#" + data[i].username + "' class='user_delete' data-role='none' onclick='showId();'>Delete</a> </td></tr></table></div>");

                }
            }
        });
    });
</script>
                  <script>
                    function showId() {
                    var url = document.URL;
                    var id = url.substring(url.lastIndexOf('#') + 1);
                    alert(id);
                        alert(url);
                    }
                    </script>
4

5 に答える 5

3

アイデア:

1つ目：文字列を連結して後でDOM要素に追加する方が簡単だと思います。それはより速いです。

2番目：ボタンに、データベースのユーザーIDなどを使用して追加の属性を追加し、ajax呼び出しで送信できます。ボタンのクリックから属性を取得するときは、使用します

 $(this).attr('data-id-user');
于 2012-04-19T17:00:26.610 に答える
0 
<a href="#" class="user_delete" data-id-user="<?php echo $theUsersId ?>"><?php echo $username ?></a>

同様に、json を介してユーザーをプルダウンする場合、コールバック関数でマークアップを作成するときに、この属性を次のようにエンコードできます。

'<a href="#'+data[i].username+'" data-user-id="'+ data[i].username + '" class="user_delete" data-role="none" >Options</a>'

したがって、すでに行っていることを考えると、シーン全体は次のようになります。

$(document).delegate("#user_manage", "pagecreate", function () {
    $.mobile.showPageLoadingMsg();   
    var friends = new Array(),
        $member_friends = $('#user_list'),
        // lets jsut make the mark up a string template that we can call replace on
        // extra lines and concatenation added for readability
        deleteUser = function (e) {
          var $this = $(this),
              userId = $this.attr('data-id-user'),
              href = $this.attr('href'),
              deleteUrl = '/delete_user.php';

              alert(userId);
              alert(href);
              // your actual clientside code to delete might look like this assuming
              // the serverside logic for a delete is in /delete_user.php
              $.post(deleteUrl, {username: userId}, function(){
                alert('User deleted successfully!');
              });
        },
        showOptions = function (e) {
          $(this).closest('tr.options_panel').show();
        }, 
        userTmpl = '<div id="__USERNAME__" class="user_container">'
                   + '<table>'
                   +    '<tr>'
                   +      '<td style="width:290px;font-size:15px;">__USERNAME__</td>'
                   +      '<td style="width:290px;font-size:15px;">__EMAIL__</td>'
                   +      '<td style="width:250px;font-size:15px;">__ACTIVE__</td>'
                   +      '<td><a href="#__USERNAME__" data-id-user="__USERNAME__" class="user_options" data-role="none">Options</a></td>'
                   +    '</tr>'
                   +    '<tr class="options_panel" style="display:none">'
                   +      '<td><a href="#__USERNAME__" data-id-user="__USERNAME__" class="user_delete" data-role="none">Delete</a></td>'
                   +    '</tr>'
                   +  <'/table>'
                   + '</div>';


    $.ajaxSetup({
        cache: false
    })

    $(document).delegate('#user_manage #user_container user_options', 'click.userlookup', showOptions)
      .delegate('#user_manage #user_container user_delete', 'click.userlookup', deleteUser);

    $.ajax({
        url: 'http://example.com/test/www/user_lookup.php',
        data: "",
        dataType: 'json',
        success: function (data) {
            $.mobile.hidePageLoadingMsg();
            var markup;
            $member_friends.empty();

            for (var i = 0, len = data.length; i < len; i++) {
                markup = userTmpl.replace('__USERNAME__', data[i].username)
                          .replace('__ACTIVE__', data[i].active)
                          .replace('__EMAIL__', data[i].email);

                $member_friends.append(markup);

            }
        }
    });
});
于 2012-04-19T18:16:33.293 に答える
0

PHPスクリプトでデータを構築してみませんか? 次に、ボタンのonclickイベントにインデックス（各行のデータベース内の一意の変数）を配置できます。したがって、削除ボタンは次のようになります。

<button onclick = "delete('indexnumber')">Delete</button>

次に、その変数を使用して別の PHP スクリプトに送信し、データベースから削除することができます。

于 2012-04-19T16:59:47.617 に答える
0 
$('body').on('click', 'a.user_delete', function() {
     var url = document.URL;
     var id = url.substring(url.lastIndexOf('#') + 1);
     alert(id);
     alert(url);
});
于 2012-04-19T16:59:58.633 に答える