?

①雜記：前面有原生態(tài)JavaScript實(shí)現(xiàn)ajax這里又多了更簡(jiǎn)單的方法實(shí)現(xiàn)ajax

②$.get()方法的常用參數(shù)

參數(shù)	類(lèi)型	說(shuō)明
url	String	必選，規(guī)定發(fā)送地址
data	PlainObject或String	可選，規(guī)定請(qǐng)求發(fā)送的數(shù)據(jù)
success	Function(PlainObject data, String textStatus,jqXHR jqxhr)	可選，成功后調(diào)用的函數(shù) 參數(shù)data:可選服務(wù)器返回結(jié)果 參數(shù)textStatus：可選描述請(qǐng)求狀態(tài) 參數(shù)jqxhr：可選是XMLHttpRequest的超集 （如果指定dataType這個(gè)必選）
dataType	String	可選：預(yù)期服務(wù)器返回的數(shù)據(jù)類(lèi)型

③$.post()方法的常用參數(shù)同上

一.單詞部分（JSON常用單詞）

1.load 加載 ?2.serialize序列化 ?3.contains ?包含 ?4.feature 特征?

5.quote ?引用 ?6.skip 跳躍 ?7.transient 短暫的 ? ? 8.pretty 相當(dāng)

9.prototype 原型 ?10.conflict 沖突

二.關(guān)于JSON一些常見(jiàn)問(wèn)題

1.jQuery實(shí)現(xiàn)Ajax的主要方法

①原生態(tài)實(shí)現(xiàn)

②$.get()和$.post()方法

③$.getJSON()方法

④.load()

2.jQuery解析表單數(shù)據(jù)

jQuery的.serializeArray()方法會(huì)從一組表單元素中檢測(cè)有效控件：

①元素不能被禁用

②元素必須有name屬性

③選中的checkbox才是有效的

④選中的radio才是有效的

⑤只有觸發(fā)提交事件的submit按鈕才是有效的

⑥file元素不會(huì)被序列化

3.jQuery與其它3

三.實(shí)現(xiàn)Ajax

1.使用$.get()方法實(shí)現(xiàn)異步驗(yàn)證注冊(cè)郵箱

1 $(function(){ 2 $("#email").blur(function(){ 3 var email=$("#email").val(); 4 if(email==null || email==""){ 5 $("#samp").html("郵箱不能為空！"); 6 } 7 else{ 8 $.get("userServlet","email="+email,callBack); 9 function callBack(data){ 10 if(data=="true"){ 11 $("#samp").html("郵箱已被注冊(cè)！"); 12 } 13 else{ 14 $("#samp").html("郵箱可注冊(cè)！"); 15 } 16 } 17 } 18 }); 19 20 });

?2.使用$.getJSON()方法加載管理員頁(yè)面主題列表

1 $.getJSON("userServlet","por=top",callTopics); 2 3 function callTopics(top){ 4 5 var $userul=$("#userul").empty(); 6 for(var i=0;i<top.length;){ 7 //alert("ddd"); 8 $userul.append( 9 "<li>"+top[i].topics+"&nbsp;&nbsp;<a href=''>修改</a>&nbsp;&nbsp;<a href=''>刪除</a></li>" 10 ); 11 i++; 12 if(i==top.length){ 13 14 break; 15 } 16 } 17 }

3.在Ajax中直接返回HTML內(nèi)容生成主題管理頁(yè)面

1 $.ajax({ 2 "url":"userServlet", 3 "type":"GET", 4 "data":"por=top1", 5 "dataType":"html", 6 "success":callTopics 7 }); 8 function callTopics(data){ 9 $("#userul").html(data); 10 }

4.使用.load()方法為管理員頁(yè)面加載服務(wù)器生成的主題列表

$("#userul").load("userServlet","por=top1");

5.使用Ajax實(shí)現(xiàn)無(wú)刷新的新聞評(píng)論功能

1 if(por.equals("addCom")){ 2 //上機(jī)5添加評(píng)論 3 comment com=new comment(); 4 commentdao comdao=new commentimpl(); 5 String name=request.getParameter("cauthor1"); 6 String ip=request.getParameter("cip"); 7 String content=request.getParameter("ccontent"); 8 String ctime="2017-7-4"; 9 //time.toString(); 10 com.setCname(name); 11 com.setCcontent(content); 12 com.setCip(ip); 13 com.setCtime(ctime); 14 int re=comdao.addcomment(com); 15 String result=""; 16 if(re>0){ 17 result="success"; 18 }else { 19 result="添加失敗！"; 20 } 21 22 23 response.setContentType("text/html;charset=UTF-8"); 24 PrintWriter out=response.getWriter(); 25 out.print("[{\"result\":\""+result+"\",\"ctime\":\""+ctime+"\"}]"); 26 out.flush(); 27 out.close(); 28 29 }

?

?6.使用FastJSON改造管理員頁(yè)面加載主題列表

topdao nd=new topimpl();List<top> listtop=nd.alltop();String titleJson=JSON.toJSONStringWithDateFormat(listtop,"yyyy-MM--dd HH:mm:ss");

四.加深理解

通過(guò)FastJSON的相關(guān)API可以簡(jiǎn)化服務(wù)器端生成的JSON字符串代碼

$.parseJSON()方法用來(lái)將JSON格式字符串解析為JSON對(duì)象

?

歡迎提問(wèn)，歡迎指錯(cuò)，歡迎討論學(xué)習(xí)信息 有需要的私聊 發(fā)布評(píng)論即可 都能回復(fù)的

??原文在博客園http://www.cnblogs.com/a782126844/有需要可以聯(lián)系扣扣：2265682997

轉(zhuǎn)載于:https://www.cnblogs.com/a782126844/p/7115149.html

總結(jié)

以上是生活随笔為你收集整理的accp8.0转换教材第11章Ajax交互扩展理解与练习的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。