ITPub博客

首页 > Linux操作系统 > Linux操作系统 > 自动完成前台显示部分代码

自动完成前台显示部分代码

原创 Linux操作系统 作者:vanillalyx 时间:2008-09-17 10:07:16 0 删除 编辑
index.html


<!--
要点:返回json数据,显示用div固定高度(会自动出现滚动条),里面用ul
-->
<!--以下用于根据input输入而产生select ,dongxind add-->



function insertli(theValue)
{
$.ajax({
type: "get",//使用get方法访问后台
dataType: "json",//返回json格式的数据
url: "server.php",//要访问的后台地址
data: "userkey=" + theValue,//要发送的数据
// complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
error:function(){alert("ajax error");},
success: function(msg){//msg为返回的数据,在这里做数据绑定
//alert("ajax");
var data = msg.role;
var rowstr="";
if (data.length==0){$("#disSel").css({"display":"none"});}
else{
$.each(data, function(i, n){
rowstr=rowstr+"
  • "+n.rolename+"
  • "
    //添加到模板的容器中
    });
    $("#disSelul").html(rowstr);
    if ($("#disSel").css("display")=="none")
    {
    $("#disSel").css({"display":"block"});
    }
    }}
    })
    }

    function closediv(txt)
    {
    if ($("#disSel").css("display")=="block")
    {
    $("#disSel").css({"display":"none"});
    }
    }
    function liSelect(txt)
    {
    $("#rolename").val(txt);
    $("#disSel").hide();
    }









    ---------------------------------------

    server.php


    $key = $_GET['userkey'];
    //get data by userkey
    //this just is an example
    ?>
    {"role":[{"rolename":"11111111111111111111111111111111"},{"rolename":"aa"},{"rolename":"aa2"},{"rolename":"aaa"},{"rolename":"aaaaa"},{"rolename":"aahhhh"},{"rolename":"admin-sys"},{"rolename":"bvxf"},{"rolename":"ceshirole"},{"rolename":"d"},{"rolename":"dx_rol"},{"rolename":"dx_rol1"},{"rolename":"dx_rol10"},{"rolename":"dx_rol11"},{"rolename":"dx_rol12"},{"rolename":"dx_rol13"},{"rolename":"dx_rol14"},{"rolename":"dx_rol15"},{"rolename":"dx_rol16"},{"rolename":"dx_rol17"},{"rolename":"dx_rol18"},{"rolename":"dx_rol19"},{"rolename":"dx_rol2"},{"rolename":"dx_rol20"},{"rolename":"dx_rol21"},{"rolename":"dx_rol22"},{"rolename":"dx_rol23"},{"rolename":"dx_rol24"},{"rolename":"dx_rol25"},{"rolename":"dx_rol26"},{"rolename":"dx_rol27"},{"rolename":"dx_rol28"},{"rolename":"dx_rol29"},{"rolename":"dx_rol30"},{"rolename":"dx_rol31"},{"rolename":"dx_rol32"},{"rolename":"dx_rol33"},{"rolename":"dx_rol34"},{"rolename":"dx_rol35"},{"rolename":"dx_rol36"},{"rolename":"dx_rol4"},{"rolename":"dx_rol40"},{"rolename":"dx_rol50"},{"rolename":"dx_rol7"},{"rolename":"dx_rol8"},{"rolename":"dx_rol9"},{"rolename":"dx_role5"},{"rolename":"ertert"},{"rolename":"es_role_ss"},{"rolename":"f"},{"rolename":"fastrole"},{"rolename":"ff"},{"rolename":"fgdgfd"},{"rolename":"fsadf"},{"rolename":"gfdsg"},{"rolename":"gfg"},{"rolename":"gg"},{"rolename":"hfghdfgh"},{"rolename":"hhhh"},{"rolename":"hrftgdh"},{"rolename":"juy"},{"rolename":"lyx"},{"rolename":"lzh_role"},{"rolename":"nfgh"},{"rolename":"ngh "},{"rolename":"roe4443"},{"rolename":"roelname_01"},{"rolename":"rol2"},{"rolename":"role"},{"rolename":"role_01"},{"rolename":"role_telnet"},{"rolename":"role_xuyanc_app"},{"rolename":"role_xy"},{"rolename":"role_zhanggggg"},{"rolename":"s"},{"rolename":"songqinga"},{"rolename":"sss"},{"rolename":"testrole20080203"},{"rolename":"testwangcya"},{"rolename":"test_01role"},{"rolename":"test_ntest1"},{"rolename":"test_ntest_role"},{"rolename":"TEST_ROLE"},{"rolename":"TEST_ROLE_IP"},{"rolename":"TEST_ROLE_WEB"},{"rolename":"time"},{"rolename":"tstetseadmin"},{"rolename":"tt5r"},{"rolename":"wangcya_role"},{"rolename":"weizh"},{"rolename":"xp"},{"rolename":"zhangxib_dnot_move2"},{"rolename":"zhangxib_dnt_move3"},{"rolename":"zhangxib_donot_move"},{"rolename":"zhangxib_role_app"},{"rolename":"zhangxib_role_ip"},{"rolename":"zhangxib_role_web"},{"rolename":"zhangzyj_role"},{"rolename":"zhangzy_app_role"},{"rolename":"台湾二"},{"rolename":"和风度好"},{"rolename":"角色1"},{"rolename":"角色10"},{"rolename":"角色11"},{"rolename":"角色12"},{"rolename":"角色13"},{"rolename":"角色14"},{"rolename":"角色15"},{"rolename":"角色16"},{"rolename":"角色17"},{"rolename":"角色18"},{"rolename":"角色19"},{"rolename":"角色2"},{"rolename":"角色20"},{"rolename":"角色21"},{"rolename":"角色22"},{"rolename":"角色23"},{"rolename":"角色24"},{"rolename":"角色25"},{"rolename":"角色3"},{"rolename":"角色4"},{"rolename":"角色5"},{"rolename":"角色6"},{"rolename":"角色7"},{"rolename":"角色8"},{"rolename":"角色9"}]}

    来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/13523843/viewspace-448712/ ,如需转载,请注明出处,否则将追究法律责任。

    请登录后发表评论 登录
    全部评论

    注册时间:2008-08-11

    • 博文量
      14
    • 访问量
      32852