JUUERY AJAX 根据值查询数据库然后在页面弹出出来

[luomp3]

我想鼠标移上，然后得到元素的文本值（如广东，根据这个查询数据库广东的市全部查出来），然后根据这个值去数据库查询出来几条数据，再把数据以HTM形式在页面上弹出出来，这个如何实现？

[斯洛文尼亚旅游]

<div id="dvArea">
<div><label>广东</label><div></div></div>
<div><label>广西</label><div></div></div>
<div><label>上海</label><div></div></div></div>
<script type="text/javascript">
    $('#dvArea label').mouseover(function () {
        if (!$(this).attr('loading')) { //没有mouseover过则调用ajax
            this.setAttribute('loading','1');//标志为mouseover过
            var me = this;
            $.ajax({ url: 'data.asp', data: 'q=' + this.innerHTML, dataType: 'html'
            , success: function (data) { $(me).next('div').html(data); }
            , error: function (xhr) { alert('发生错误\n\n' + xhr.responseText); } 
            });
        }
    });
</script>

data.asp

q=request.querystring("q")
'根据参数查询数据库然后输出
response.write q&"--<b>"&now&"</b>"

[luomp3]

这个代码先试一下，

[luomp3]

data: 'q=' + this.innerHTML，我传的是中文，不传HTML，可以写this.val或者this.text,这个要什么转换之类的吗？

[斯洛文尼亚旅游]

val是输入控件的，用text对于非输入控件