ajxa初體驗(yàn)

<script>
    $('.Menubox ul li').click(function() {  //當(dāng)li點(diǎn)擊的時(shí)候
    var fuck_ = $(this).find('input').val() // 設(shè)置一個(gè)變量fuck_為了獲取當(dāng)前傳值的ID
    $(this).addClass('hover').siblings().removeClass('hover')//點(diǎn)擊的li添加一個(gè)class并移除同級(jí)下其他的class

       $.ajax({   //ajax寫法
           type: "POST",    //類型
           url: '/e/action/ListInfo/ajax.php?classid=' + fuck_ + '&tplid=17&page=0',  //路徑
           dataType: "html",// 發(fā)送到服務(wù)器的數(shù)據(jù)類型,詳見下①
           data: { //發(fā)送到服務(wù)器的數(shù)據(jù)。將自動(dòng)轉(zhuǎn)換為請(qǐng)求字符串格式,詳見下②
           content: $("#newslist").html(),// 內(nèi)容通過jquery選擇器進(jìn)行選擇截取內(nèi)容
           },

           success: function(data) {//成功則執(zhí)行
           $(".Contentbox.topnews").html(data);//通過jquery選擇器將獲取到的內(nèi)容替換
           }
   });

 });
</script>

①dataType類型:String
預(yù)期服務(wù)器返回的數(shù)據(jù)類型。如果不指定,jQuery 將自動(dòng)根據(jù) HTTP 包 MIME 信息來智能判斷,比如 XML MIME 類型就被識(shí)別為 XML。在 1.4 中,JSON 就會(huì)生成一個(gè) JavaScript 對(duì)象,而 script 則會(huì)執(zhí)行這個(gè)腳本。隨后服務(wù)器端返回的數(shù)據(jù)會(huì)根據(jù)這個(gè)值解析后,傳遞給回調(diào)函數(shù)??捎弥?
"xml": 返回 XML 文檔,可用 jQuery 處理。
"html": 返回純文本 HTML 信息;包含的 script 標(biāo)簽會(huì)在插入 dom 時(shí)執(zhí)行。
"script": 返回純文本 JavaScript 代碼。不會(huì)自動(dòng)緩存結(jié)果。除非設(shè)置了 "cache" 參數(shù)。注意:在遠(yuǎn)程請(qǐng)求時(shí)(不在同一個(gè)域下),所有 POST 請(qǐng)求都將轉(zhuǎn)為 GET 請(qǐng)求。(因?yàn)閷⑹褂?DOM 的 script標(biāo)簽來加載)
"json": 返回 JSON 數(shù)據(jù) 。
"jsonp": JSONP 格式。使用 JSONP 形式調(diào)用函數(shù)時(shí),如 "myurl?callback=?" jQuery 將自動(dòng)替換 ? 為正確的函數(shù)名,以執(zhí)行回調(diào)函數(shù)。
"text": 返回純文本字符串


②類型:String
發(fā)送到服務(wù)器的數(shù)據(jù)。將自動(dòng)轉(zhuǎn)換為請(qǐng)求字符串格式。GET 請(qǐng)求中將附加在 URL 后。查看 processData 選項(xiàng)說明以禁止此自動(dòng)轉(zhuǎn)換。必須為 Key/Value 格式。如果為數(shù)組,jQuery 將自動(dòng)為不同值對(duì)應(yīng)同一個(gè)名稱。如 {foo:["bar1", "bar2"]} 轉(zhuǎn)換為 '&foo=bar1&foo=bar2'。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 第一章 入門 基本功能:訪問和操作 dom 元素,控制頁面樣式,對(duì)頁面的事件處理,與ajax完美結(jié)合,有豐富的插件...
    X_Arts閱讀 1,149評(píng)論 0 2
  • jQuery ajax - ajax() 方法 http://www.w3school.com.cn/jquery...
    光劍書架上的書閱讀 1,209評(píng)論 0 15
  • 昨天在一個(gè)超鏈接處添加了一個(gè)事件,希望在跳轉(zhuǎn)之前向后臺(tái)發(fā)送一個(gè)請(qǐng)求,結(jié)果在$.post的回調(diào)函數(shù)中添加的e.pre...
    JasonQiao閱讀 755評(píng)論 0 5
  • ecaa999cd4ad362506914a5ba4237a8b ALiDaYu-短信驗(yàn)證Login開發(fā) http...
    ZGKzm閱讀 560評(píng)論 0 1
  • Php代碼 收藏代碼 ajax通過 HTTP 請(qǐng)求加載遠(yuǎn)程數(shù)據(jù)。jQuery 底層 AJAX 實(shí)現(xiàn)。簡單易用的高...
    Yumazhiyao閱讀 986評(píng)論 0 4

友情鏈接更多精彩內(nèi)容