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

index.html


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



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


<?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博客 ” ，链接：http://blog.itpub.net/13523843/viewspace-448712/，如需转载，请注明出处，否则将追究法律责任。

转载于:http://blog.itpub.net/13523843/viewspace-448712/