0 
<a href="#"><img src="images/jbl.png" id="idhims"/></a>
<a href="#"><img src="images/swastik.png" id="idhims2" name="img2name"/></a>

上記の画像のいずれかがクリックされたときに、クリックされた画像のIDを使用して、mysql別のデータベースからデータを取得したいと思います。div

-Queryでクリックした画像のIDを使用して、SELECTmysqlデータベースからデータを取得したいと思います。

4

4 に答える 4

2

jQuery の使用

これを含める

<script src="http://code.jquery.com/jquery-latest.js"></script>

と

$(document).ready(function(){
    $('a').click(function(){
        var imgId = $(this).children('img').attr('id');// store the id to varialbe imgId
        //alert(imgId);
        $.ajax({
            type: "POST",
            url: "process_form.php",
            data: {imageid:imgId},
            dataType: "json",
            success: function(data) {
                //var obj = jQuery.parseJSON(data); if the dataType is not specified as json uncomment this
                $("#message_ajax").html(data.frmdb);// message_ajax is the id of the container to show the returned value
            }
        });   
    });
})

PHPページの値に次のようにアクセスできます$_POST['imageid']

クリックされた画像の値をユーザーに返すサンプル PHP ページ

$return_arr = array();
$return_arr['frmdb'] = $_POST['imageid'];
echo json_encode($return_arr);
于 2013-02-28T12:13:25.230 に答える
1

あなたの質問のために、私はjsfiddleに次のように見えるようにします

HTML

<img  src="http://google.com/img" id="id"/>
<img  src="http://google.com/img" id="id1"/>
<img  src="http://google.com/img" id="id2"/>

Js

$("img").click(function() {
  alert(this.id);
});

jsfiddleの例については、ここをクリックしてください

于 2013-02-28T12:15:34.873 に答える
1

関数 onclick="yourFunction(this.id)" を追加します。例:

    <script>
      function yourFunction(id) {
        alert(id);
      }
    </script>

于 2013-02-28T12:02:16.090 に答える
0

アクションをコントローラーに入れ、DB からデータを取得します。何かのようなもの

public function actionQuery($id)
{
    $result=(your query using $id);
    echo CJSON::encode(array('data'=>$result));
}

jQueryを使ったページで

<a href="#"><img src="1" id="idhims" onclick="query(this)"/></a>

<script type="text/javascript">
    function query(obj) {
        $.get("your_controller/query", { id: $(obj).attr('id') })
            .done(function(data) {
                use the data to fill your div;
            });
    }
</script>
于 2013-02-28T12:18:49.510 に答える