广东建业集团
广东建兴实业发展有限公司
资质服务热线:
176-2081-2252
建筑工程施工总承包公路工程施工总承包铁路工程施工总承包港口与航道工程施工总承包水利水电工程施工总承包电力工程施工总承包冶金工程施工总承包石油化工工程施工总承包市政公用工程施工总承包通信工程施工总承包机电工程施工总承包施工总承包资质地基基础工程专业承包起重设备安装工程专业承包预拌混凝土专业专业承包电子与智能化工程专业承包消防设施工程专业承包防水防腐保温工程专业承包桥梁工程专业承包隧道工程专业承包钢结构工程专业承包模板脚手架专业承包建筑装修装饰工程专业承包建筑机电安装工程专业承包建筑幕墙工程专业承包古建筑工程专业承包城市及道路照明工程专业承包公路路面工程专业承包公路路基工程专业承包公路交通工程专业承包铁路电务工程专业承包铁路辅轨架梁工程专业承包铁路电气化工程专业承包机场场道工程专业承包机场目视助航工程专业承包港口与海岸工程专业承包航道工程专业承包通航建筑物工程专业承包水利水电机电安装工程专业承包河湖整治工程专业承包输变电工程专业承包核工程专业承包海洋石油工程专业承包环保工程专业承包特种工程专业承包民航安管工程及机场弱电系统工程专业承包港航设备安装及水上交通工程专业承包水工金属结构制作与安装工程专业承包专业承包资质施工劳务资质工程设计资质工程监理资质工程勘察资质房地产开发企业资质安全生产许可证矿山工程施工总承包

servlet+ajax实现智能搜索框提示

在搜索框输入关键字
异步提交给后台
后台返回json数组
客户端解析json生成dom

客户端异步代码实现:
function getMoreContents()//获得用户关键字相关联的函数其实就是异步处理函数
{
var content=document.getElementById("keyword");
if(content.value="")
{
return;
}
xmlHttp=createxmlHttpRequest;
var url="index.jsp?keyword"+escape(content.value);
xnlHttp.open("GET",url,true);
//回调函数
xmlHttp.onreadyStateChange=callback;
xmlHttp.send(null);

}
//回调函数
function callback()
{
if(xmlHttp.readyState==4){
if(xmlHttp.readyState==200){
var result=xmlHttp.responseText;
//解析获得数据
var json=JSON.parse(result);//js对象

      JSON.parse()和eval()之间的区别

JSON.parse()会对要解析的字符串进行格式检查,如果格式不正确则不进行解析,JSON.parse() 方法用来解析JSON字符串,构造由字符串描述的JavaScript值或对象
而eval()则可以解析任何字符串,eval是不安全的。
比如下面的字符串:
var str = 'alert(1000.toString())';
eval(str);
JSON.parse(str);
用eval可以解析,并且会弹出对话框,而用JSON.parse()则解析不了。
其实alert并没有什么坏处,可怕的是如果用恶意用户在json字符串中注入了向页面插入木马链接的脚本,用eval也是可以操作的,而用JSON.parse()则不必担心这个问题。
}
}
}
//然后要给服务器端发送数据 ajax异步发送数据 原生js实现

//创建xmlHttp对象
function createxmlHttpRequest() {
if (window.ActiveXObject) {
return new ActiveXObject("Microsoft.XMLHTTP");
} else if (window.XMLHttpRequest) {
return new XMLHttpRequest();
}
}

//显示内容
function setContext(json)
{
$.each(json,function(index,value){
var li="<li>"
li+=value+"</li>";
$("ul").append(li);
});
}

服务器端:
//获得关键字返回数组
//匹配的数据在哪里???我是自己写的一个数组
public List<String> getDate(String key)
{
List<String> list=new ArrayList<string>();
for(String data:datas){
if(data.contains(keyword)){
list.add(data);
}
}
return data;
}

Gson gson=new Gson();
String json=gson.toJson(data);
response.getWriler().writer(json.toString());


作者: qq_fighting_283709032
链接:https://www.imooc.com/article/21821
来源:慕课网


网站首页                  新闻资讯                   BIM专区                 培训课程                 教育产品                  讲师团队
联系QQ:258506508 手机号码:130000000 联系邮箱:xxx@.co.m
联系电话:000-000-0000