สอบถามเรื่องการทำ POPUP ใช้ jquery,ajax onclick GET ข้อมูล database ครับ

 <div id="small-dialog" class="mfp-hide">
                <div class="pop_up">
                    <h2>ผลบอลสด</h2>
                    <img src="libs/calm/images/zoom.jpg" title="image-name">
                    <p>ผลบอลสด - LiveScore รวบรวมข้อมูลข่าวสารต่างๆในวงการฟุตบอล ทั้งความเคลื่อนไหวของสโมสรดัง
                        ตลาดการซื้อ-ขายนักเตะ ผลฟุตบอลลีกดัง และตารางคะแนน
                        คุณสมบัติ
                        -ข่าวสารวงการฟุตบอลอ่านง่ายภาษาไทย
                        -รายงานผลบอลสด
                        -Push Notification ส่งข่าวสำคัญถึงมือคุณ
                        -ตารางคะแนนทุกลีกดัง อาทิ ฟุตบอลอังกฤษ ฟุตบอลสเปน ฟุตบอลเยอรมัน ฟุตบอลอิตาลี ฟุตบอลฝรั่งเศส
                        -ตลาดซื้อ-ขายนักเตะ
                        -ตารางการแข่งขันล่วงหน้า</p>
                    <a class="btn" href="https://play.google.com/store/apps/details?id=com.surasak.livescore" target="_blank">Download</a>
                </div>
            </div>

<a class="popup-with-zoom-anim" href="#small-dialog">
                        <div class="portfolio logo1" data-cat="logo">
                            <div class="portfolio-wrapper">
                                <img src="libs/calm/images/pic1.jpg" alt="Image 2" />
                                <div class="label">
                                    <div class="label-text">
                                        <p class="text-title">Bird Document</p>
                                        <span class="text-category">Logo</span>
                                    </div>
                                    <div class="label-bg"></div>
                                </div>
                            </div>
                        </div>
                    </a>