动态AJAX内容[关闭]

                <div class="grid--cell fl1 lh-lg">
                    <div class="grid--cell fl1 lh-lg">
                        As it currently stands, this question is not a good fit for our Q&amp;A format. We expect answers to be supported by facts, references,   or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question   can be improved and possibly reopened, <a href="/help/reopen-questions">visit the help center</a> for guidance.

                    </div>
                </div>
            </div>
            <div class="grid--cell mb0 mt8">Closed <span title="2013-06-21 20:03:03Z" class="relativetime">6 years ago</span>.</div>
        </div>
    </aside>

I'm in need of a dynamic AJAX content code. I've found one from dynamic drive but It's not the one I see on some websites. For example when I hover the link it shows: ajaxpage('ajaxfiles/external2.htm', 'rightcolumn');

I don't want it to show that on hover. And also my PHP form doesn't process inside the ajax content box but it redirects to the page itself.

I've googled around (but still don't understand; i really suck in ajax :l) and there are some codes which I can manually add to my js file to process a particular form like (#form-login) or something, but I remember seeing a while back a source which doesnt require me to individually set a form yet it processes all PHP forms inside the ajax content area...

P.S. I'm looking for one that can dynamically load pages into my content box (including PHP Forms) without refreshing. And when I hover the link, it shows # instead of ajaxpage('ajaxfiles/external2.htm', 'rightcolumn');.

I apologize if this is the wrong place to post this query and hope to hear from you guys soon!

</div>

function test(id,type){
  $.ajax({
    type: "GET",
    url: "http://www.dynamicdrive.com/dynamicindex17/ajaxcontent.htm",
    data:"id="+id+"&tp="+type,
    success: function(data){
       $('#playerRateSec').html(data);
    }
  });
}