-
使用
ajax()
方法是最底層、功能最強(qiáng)大的請求服務(wù)器數(shù)據(jù)的方法,它不僅可以獲取服務(wù)器返回的數(shù)據(jù),還能向服務(wù)器發(fā)送請求并傳遞數(shù)值,它的調(diào)用格式如下:jQuery.ajax([settings])
或$.ajax([settings])
其中參數(shù)settings為發(fā)送ajax請求時的配置對象,在該對象中,url表示服務(wù)器請求的路徑,data為請求時傳遞的數(shù)據(jù),dataType為服務(wù)器返回的數(shù)據(jù)類型,success為請求成功的執(zhí)行的回調(diào)函數(shù),type為發(fā)送數(shù)據(jù)請求的方式,默認(rèn)為get。
$.ajax({
? ? ? ? ? ? ? ? ? ? ? ? url:http://idcbgp.cn/data/check.php
? ? ? ? ? ? ? ? ? ? ? ? data: { num: $("#txtNumber").val() },
? ? ? ? ? ? ? ? ? ? ? ? type : "POST",
? ? ? ? ? ? ? ? ? ? ? ? success: function (data) {
? ? ? ? ? ? ? ? ? ? ? ? ? ? $("ul").append("<li>你輸入的<b> ?"
? ? ? ? ? ? ? ? ? ? ? ? ? ? + $("#txtNumber").val() + " </b>是<b> "
? ? ? ? ? ? ? ? ? ? ? ? ? ? + data + " </b></li>");
查看全部 -
使用
serialize()
方法可以將表單中有name屬性的元素值進(jìn)行序列化,生成標(biāo)準(zhǔn)URL編碼文本字符串,直接可用于ajax請求,它的調(diào)用格式如下:$(selector).serialize()
其中selector參數(shù)是一個或多個表單中的元素或表單元素本身。
? $("#litest").html($("form").serialize());
查看全部 -
與
get()
方法相比,post()
方法多用于以POST方式向服務(wù)器發(fā)送數(shù)據(jù),服務(wù)器接收到數(shù)據(jù)之后,進(jìn)行處理,并將處理結(jié)果返回頁面,調(diào)用格式如下:$.post(url,[data],[callback])
參數(shù)url為服務(wù)器請求地址,可選項(xiàng)data為向服務(wù)器請求時發(fā)送的數(shù)據(jù),可選項(xiàng)callback參數(shù)為請求成功后執(zhí)行的回調(diào)函數(shù)。
查看全部 -
使用
get()
方法時,采用GET方式向服務(wù)器請求數(shù)據(jù),并通過方法中回調(diào)函數(shù)的參數(shù)返回請求的數(shù)據(jù),它的調(diào)用格式如下:$.get(url,[callback])
參數(shù)url為服務(wù)器請求地址,可選項(xiàng)callback參數(shù)為請求成功后執(zhí)行的回調(diào)函數(shù)。
查看全部 -
使用
getJSON()
方法可以通過Ajax異步請求的方式,獲取服務(wù)器中的數(shù)據(jù),并對獲取的數(shù)據(jù)進(jìn)行解析,顯示在頁面中,它的調(diào)用格式為:jQuery.getJSON(url,[data],[callback])
或$.getJSON(url,[data],[callback])
其中,url參數(shù)為請求加載json格式文件的服務(wù)器地址,可選項(xiàng)data參數(shù)為請求時發(fā)送的數(shù)據(jù),callback參數(shù)為數(shù)據(jù)請求成功后,執(zhí)行的回調(diào)函數(shù)。
查看全部 -
使用
load()
方法通過Ajax請求加載服務(wù)器中的數(shù)據(jù),并把返回的數(shù)據(jù)放置到指定的元素中,它的調(diào)用格式為:load(url,[data],[callback])
參數(shù)url為加載服務(wù)器地址,可選項(xiàng)data參數(shù)為請求時發(fā)送的數(shù)據(jù),callback參數(shù)為數(shù)據(jù)請求成功后,執(zhí)行的回調(diào)函數(shù)。
例如,點(diǎn)擊“加載”按鈕時,向服務(wù)器請求加載一個指定頁面的內(nèi)容,加載成功后,將數(shù)據(jù)內(nèi)容顯示在<div>元素中,并將加載按鈕變?yōu)椴豢捎?/p>
查看全部 -
<!DOCTYPE html>
<html>
? ? <head>
? ? ? ? <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
? ? ? ? <title>挑戰(zhàn)題</title>
? ? ? ? ?<script src="https://libs.baidu.com/jquery/1.8.2/jquery.js" type="text/javascript"></script>
? ? </head>
? ? <body>
? ? ? ? <div>
? ? ? ? ? ? <input type="button" id="showBtn" value="顯示內(nèi)容"/>
? ? ? ? </div>
? ? ? ? <ul id="showMessage">
? ? ? ? ? ??
? ? ? ? </ul>
? ? ? ? <script type="text/javascript">
? ? ? ? ? ? var jsonStu = [{
? ? ? ? ? ? ? ? name: "zhangsan",
? ? ? ? ? ? ? ? score: "100"
? ? ? ? ? ? },
? ? ? ? ? ? {
? ? ? ? ? ? ? ? name: "lisi",
? ? ? ? ? ? ? ? score: "99"
? ? ? ? ? ? },
? ? ? ? ? ? {
? ? ? ? ? ? ? ? name: "wangwu",
? ? ? ? ? ? ? ? score: "88"
? ? ? ? ? ? }];
? ? ? ? ? ??
? ? ? ? ? ? $("#showBtn").click(function(){
? ? ? ? ? ? ? ? $.each(jsonStu,function(index,value){
? ? ? ? ? ? ? ? ? ? $("#showMessage").append("<li>name:"+value["name"]+"<br/>"+"score:"+value["score"]+"</li>")
? ? ? ? ? ? ? ? })
? ? ? ? ? ? })
? ? ? ? </script>
? ? </body>
</html>
查看全部 -
$.fn.extend 擴(kuò)展的是jquery對象的方法
?$.extend 擴(kuò)展的是jquery整個類的方法
查看全部 -
path 是保存cookie值的路徑,默認(rèn)與創(chuàng)建頁的路徑一致
expires 是有限日期,單位是(天)
查看全部 -
var options = { ? ? ?type:'post', ? ? ? ? ? //post提交 ? ? ?url: " " ? , ? ? ? ?dataType:"json", ? ? ? ?//json格式 ? ? ?data:{'name':name,....}, ? ?//如果需要提交附加參數(shù),視情況添加 ? ? ?clearForm: true, ? ? ? ?//成功提交后,清除所有表單元素的值 ? ? ?resetForm: true, ? ? ? ?//成功提交后,重置所有表單元素的值 ? ? ?cache:false, ? ? ? ? ? ? ? ?async:false, ? ? ? ? ?//同步返回 ? ? ?success:function(data){ ? ? ? ?//服務(wù)器端返回處理邏輯 ? ? ?}, ? ? ?error:function(XmlHttpRequest,textStatus,errorThrown){ ? ? ? ?alert('操作失敗'); ? ? ?} ? ?}; ? ? ? ?兩種表單提交API ? ? ? ?// ajaxForm ? ? ? ?$("#form1").ajaxForm(options); ? ? ? ?// ajaxSubmit ? ? ? ?$("#btn").click(function () { ? ? ? ? ? ?$("#form1").ajaxSubmit(options); ? ? ? ?});
查看全部 -
$.get(url,[data],[callback],[type])
???? url:待載入頁面的URL地址
???? data:待發(fā)送 Key/value 參數(shù)。
???? callback:載入成功時回調(diào)函數(shù)。
???? type:返回內(nèi)容格式,xml, html, script, json, text, _default。
查看全部 -
ajaxStart()
和ajaxStop()
方法是綁定Ajax事件。ajaxStart()方法用于在Ajax請求發(fā)出前觸發(fā)函數(shù),ajaxStop()方法用于在Ajax請求完成后觸發(fā)函數(shù)。它們的調(diào)用格式為:$(selector).ajaxStart(function())
和$(selector).ajaxStop(function())
其中,兩個方法中括號都是綁定的函數(shù),當(dāng)發(fā)送Ajax請求前執(zhí)行
ajaxStart()
方法綁定的函數(shù),請求成功后,執(zhí)行ajaxStop ()方法綁定的函數(shù)。查看全部 -
使用
ajaxSetup()
方法可以設(shè)置Ajax請求的一些全局性選項(xiàng)值,設(shè)置完成后,后面的Ajax請求將不需要再添加這些選項(xiàng)值,它的調(diào)用格式為:jQuery.ajaxSetup([options])
或$.ajaxSetup([options])
可選項(xiàng)options參數(shù)為一個對象,通過該對象設(shè)置Ajax請求時的全局選項(xiàng)值。
查看全部 -
使用
ajax()
方法是最底層、功能最強(qiáng)大的請求服務(wù)器數(shù)據(jù)的方法,它不僅可以獲取服務(wù)器返回的數(shù)據(jù),還能向服務(wù)器發(fā)送請求并傳遞數(shù)值,它的調(diào)用格式如下:jQuery.ajax([settings])
或$.ajax([settings])
其中參數(shù)settings為發(fā)送ajax請求時的配置對象,在該對象中,url表示服務(wù)器請求的路徑,data為請求時傳遞的數(shù)據(jù),dataType為服務(wù)器返回的數(shù)據(jù)類型,success為請求成功的執(zhí)行的回調(diào)函數(shù),type為發(fā)送數(shù)據(jù)請求的方式,默認(rèn)為get。
查看全部 -
使用
serialize()
方法可以將表單中有name屬性的元素值進(jìn)行序列化,生成標(biāo)準(zhǔn)URL編碼文本字符串,直接可用于ajax請求,它的調(diào)用格式如下:$(selector).serialize()
其中selector參數(shù)是一個或多個表單中的元素或表單元素本身。
查看全部
舉報