1

ページ/ヘッダーまたはフッターのチャットバーを変更せずにデータをロードするために、Facebook のようなページを作成したいと考えています。私はこのコードを使用できることを知っています:

$(function() {
  $("a.load").click(function (e) { 
    e.preventDefault();
    $("#content").load($(this).attr("href"));
  });
});

しかし、私には1つの問題があります。jQueryアドオンのようなデータを与えたい。

<a href="http://mysite.com/profile123" //for example send-more-data="its-profile-link" //and send even more data like: even-more-data="ID:12235663">go to this profile</a>

だから私はこれでもっと多くのことができます：

if (send-more-data=="its-profile-link") {
  $id = even-more-data="ID:12235663" //posted on link with jquery
  mysql_Query("select * from users where id =  $id")
}
elseif {
//////
}

それで、IDまたはクラスなどでさらにデータを送信する可能性はありますか? 例を教えてください。.load()または を使用したほうがよいと教えてください$.ajax()。

4

2 に答える 2

3

get パラメータをリンクに渡すことができます。

    $(function(){
        $("a.load").click(function (e) { 
            e.preventDefault();
            $("#content").load($(this).attr("href")+"?data1="+$(this).attr("some-data")+"&data2="+$(this).attr("some-more-data"));
        });
    });

また

さらに優れた使い方ができます - 強力な AJAX:

    $(function(){
            $("a.load").click(function (e) { 
                e.preventDefault();
                var link = $(this).attr("href");
                var param1 = $(this).attr("some-data");
                var param2 = $(this).attr("some-more-data");
                /* //$.post example
                $.post(link, { data1: param1, data2: param2 },function(data) {
                   $("#content").html(data);
                }); */
                //or $.ajax - basically the same thing
                $.ajax({
                  url: link,
                  data: { data1: param1, data2: param2 },
                  success: function(result) {
                    $("#content").html(result);
                  }
                });
            });
        });

次にphpで：

if (@$_REQUEST['data1']=="its-profile-link"){
$id = @$_REQUEST['data2'];
$id = mysql_real_escape_string($id); //or $id = (int)$id; if id is always integer.
   mysql_Query("select * from users where id =  $id")
}
elseif{
//////
}
于 2013-07-20T12:50:21.377 に答える
0 
<a id="my_a" some-data="asd">

console.log($('#my_a').attr('some-data')); // asd

http://api.jquery.com/attr/

于 2013-07-20T12:49:19.220 に答える