-
1.查看全部
-
1.理論分析
查看全部 -
JS生成的json和JAVA認(rèn)識(shí)的json略有不同:
var json=eval("("+result+")");
查看全部 -
//瀏覽器兼容性
function createXMLHttp(){
????//對(duì)于大多數(shù)瀏覽器都適用
????var xmlHttp;
????if(window.XMLHttpRequest){
????????xmlHttp=new XMLHttpRequest();
????}
????if(window.ActiveObject){
????????xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
????????if(!xmlHttp){
????????????xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
????????}
????}
????return xmlHttp;
}
查看全部 -
瀏覽器將關(guān)鍵字異步發(fā)送給服務(wù)器
查看全部 -
重點(diǎn): 1.使用ajax方式進(jìn)行數(shù)據(jù)交互 2.javascript解析數(shù)據(jù)動(dòng)態(tài)展示
查看全部 -
理論分析: 1、在搜索框輸入關(guān)鍵字 2、瀏覽器將關(guān)鍵字異步發(fā)送給服務(wù)器 3、服務(wù)器結(jié)果處理,將相應(yīng)的數(shù)據(jù)以Jaon格式返回給客戶端 4、客戶端接收到服務(wù)器的響應(yīng)數(shù)據(jù),解析之后用js操作dom顯示數(shù)據(jù)。
查看全部 -
搜索框的智能提示原理圖
查看全部 -
理論分析:
查看全部 -
Ajax異步服務(wù)器端 先處理編碼格式 第一步獲得客戶端發(fā)送來(lái)的數(shù)據(jù)?request.getParameter("keyword"); 第二步創(chuàng)建Json格式數(shù)據(jù) 第三步將數(shù)據(jù)響應(yīng)到客戶端?response.getWriter.write(Json)
查看全部 -
回調(diào)函數(shù)
滿足狀態(tài)xmlHttp.readyState = 4 且xmlHttp.status = 200;
獲得服務(wù)器響應(yīng)內(nèi)容:var result =xmlHttp.responseText? 內(nèi)容為(文本格式或者json格式)
解析服務(wù)器響應(yīng)的數(shù)據(jù)var json = eval(“(”+result+“)”)
查看全部 -
onKeyup?獲取鍵盤(pán)按下時(shí)的信息 js做Ajax異步發(fā)送數(shù)據(jù) 第一步?創(chuàng)建xmlHttp對(duì)象(需要考慮瀏覽器的兼容性)XMLHttpRequest能滿足大多數(shù)瀏覽器的使用
? 第二步? 獲得用戶輸入的信息 document.getElementById().value
? ?第三步? 使用open("GET",url,true)方法發(fā)送獲得的信息到服務(wù)器
? ? ? ? ? ? ? ? ? ? ? ? url:服務(wù)器地址 包含獲得的信息
? ? ? ? ? ? ? ? ? ? ? ? ?true表示在send()方法之后繼續(xù)執(zhí)行
? ?第四步? 綁定回調(diào)方法 用于接收服務(wù)器的響應(yīng)(xmlhttp狀態(tài)改變時(shí)被調(diào)用)?
查看全部 -
Servlet+Ajax實(shí)現(xiàn)搜索框智能提示
查看全部 -
好查看全部
-
查看全部
舉報(bào)