怎样用JQuery从后台获取数据绑定到 HTML 标签 select 上？

近日做项目遇到个问题。经理不允许用Ajax.dll组件做Ajax效果。只让用JQuery 实现。
拜问各路大侠
怎样用JQuery从后台获取数据绑定到 HTML 标签 select 上？
有解决方案，立马结贴送分。小弟不胜感激。

6 个解决方案

#1

js调用轻量级页面从底层取数据，然后转换成需要的数据格式（json，数据，或者你自己定义的），获取数据后再利用js+dom模型再绑定到你的页面上就可以了！

#2



 //bind data to the select

function bindData(data)

{

   $("#ddl").options.length=0;//empty the option

   var jsondata=eval(data); // convert json data

   $.each(jsondata,function(index,optiondata){

       $("#ddl").append('<option value='+optiondata.value+'>'+optiondata.caption+'</option>')

    });

}

手写的没有测试，仅参考

#3

利用xmhttprequest
你可以搜索下ajax的简单实现
就是利用aspx.cs里面输出一个json



Response.Clear();

Response.ContentType = "text/html";     //设置输出的格式为html

Response.Charset = "gb2312";

this.GetJosnData();

至于前端如何获取，你可以看下xmlhttprequest

#4

$.ajax({
        type:'POST',
        url:'digg.asp',
        data:'action=digs&digtype='+digtype,
/*      beforeSend:function(){
            $("#vote").hide();
            $("#loadings").show();
        }, ajax请求显示loading效果*/
        success:function(msg){
                switch (msg)
                    {
/*      后台用来判断
                        case '1':
                            $("#loadings").hide();
                            $("#vote").show();
                            alert("请先登录！");
                            break;
                        case '2':
                            $("#loadings").hide();
                            $("#vote").show();
                            alert("请先下载，再操作！");
                            break;
                        case '4':
                            $("#loadings").hide();
                            $("#vote").show();
                            alert("您已经参与过评价！");
                            break;*/
                        case '3':
                            getdigshtml();//重新绑定html
                            //$("#loadings").hide();
                            //$("#vote").show();
                            alert("谢谢你的参与！");
                            break;

                        default:
                    }
            }
        })

#5

给你一个思路读取出数据-转换为json-传值到前台-绑定到html控件（jquery）

#6

#1

#2



 //bind data to the select

function bindData(data)

{

   $("#ddl").options.length=0;//empty the option

   var jsondata=eval(data); // convert json data

   $.each(jsondata,function(index,optiondata){

       $("#ddl").append('<option value='+optiondata.value+'>'+optiondata.caption+'</option>')

    });

}