JQuery Ajax
1 Ajax
$.ajax({
url:url,
data:data,//要提交的數據
type:"GET",//提交方式
timeout:3000,//設置請求事件
success:success//請求成功時執行的函數
})
語法：
$.ajax(JSON);
JSON包含常用的參數
url：服務器的地址，獲取數據或者推送數據的地方
data：需要給服務器的數據，根據業務需要去添加，比如登錄的接口需要傳遞“用戶名和密碼”，獲取書籍信息，不需要傳遞任何參數。
數據類型：JSON對象。鍵值對的“鍵”和服務器保持完全一致，包括鍵名的大小寫。
type：數據提交的方式。GET/POST/PUT/DELETE
timeout：請求等待的時間。時間單位是毫秒，一般是10s
success：請求成功，返回處理
error：請求失敗
dataType：預期的服務器響應的數據類型
2 $.get()$.get(url,handle);
functionhandle(data,status){
console.log(data);//{"success":true,"error":""}:
console.log(status);//success
}
url：服務器的地址，需要將傳遞給服務器的參數，手動拼接到URL後面
handle(data,status)：請求之後的處理函數，只處理除網絡錯誤之外的，函數包含兩個2個參數
data：服務器返回的數據，業務數據
status：請求的狀態
3 $.post()
JQuery插件
1 validate
（1）required：必填字段
<inputtype="text"id="txt1"required/>
（2）email：驗證郵箱格式，支持很多形式的郵箱
<inputtype="email"id="email"required/>
（3）url：驗證網址，形如http://www.baidu.com
<inputtype="url"id="url"required/>
（4）maxlength：輸入字符的最大長度
<inputtype="text"id="maxlength"maxlength="5"/>
（5）rangelength[]：表示輸入字符長度的範圍
<inputtype="text"id="rangelength"rangelength="[5,10]"/>
驗證的第二種寫法，可以在表單驗證的時候爲其添加限制
$("#formdata").validate({
rules:{
password:{
required:true,
maxlength:"6"
},
repassword:{
equalTo:"[name=password]"
}
}
});
2 accordion
依據標題和內容來自動選擇摺疊
$("#div1").accordion()
header：定義以哪個標籤來摺疊
event：定義摺疊的事件。例如：mouseover，鼠標移上去就可以進行展開
animate：定義是否有動畫。默認true有動畫效果
disable：禁用摺疊
distory：銷燬摺疊
3 autocomplete
<title>預選</title>
<scriptsrc="//code.jquery.com/jquery-1.10.2.js"></script>
<linkrel="stylesheet"href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<scriptsrc="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
</head>
<body>
<labelfor="txt1">輸入內容：</label>
<inputtype="text"id="txt1"/>
</body>
<script>
$(function(){
varcontent=
[
"華",
"華點",
"歡迎來到華點"
];
$("#txt1").autocomplete({
source:content
})
})
</script>
4 growl
提示框，定義的是鼠標不點擊取消時會在幾秒後自動消失
title：消息提示標題
message：提示的內容
（1）growl後面不寫關鍵詞，使用默認樣式
$.growl({title:"消息提示",message:"提示內容"})
（2）notice
$.growl.notice({title:"消息提醒",message:"提醒提示內容"})
（3）warning
$.growl.warning({title:"消息警告",message:"警告提示內容"})
（4）error
$.growl.error({title:"消息錯誤",message:"錯誤提示內容"})