1. 程式人生 > >each,ajax基本用法

each,ajax基本用法

1、選擇器+遍歷
$('div').each(function (i){
   i就是索引值
   this 表示獲取遍歷每一個dom物件
});
2、選擇器+遍歷
$('div').each(function (index,domEle){
   index就是索引值
  domEle 表示獲取遍歷每一個dom物件
});
3、更適用的遍歷方法
1)先獲取某個集合物件
2)遍歷集合物件的每一個元素
var d=$("div");
$.each(d,function (index,domEle){
  d是要遍歷的集合
  index就是索引值
  domEle 表示獲取遍歷每一個dom對
});


遍歷一個集合例子:
$(function () {
        ajaxGetData();
    });

    function ajaxGetData() {
        var leftFlow = Array();
        $.ajax({
            url: "url",
            type: "post",
            data:{  
                 param1:value1,
                 param2:value2
                 },
            dataType: "json",
            success: function (json) {
                if (json.length > 0) {
                    $.each(json, function (i, item) {
                        var html = '<div style="margin-top: 40px;">' + item.name1+ '(' + item.name2+ 'MB)</div>';
                       
                        leftFlow.push(html);
                    });
                    $('#id').html("");
                    $('#id').html(leftFlow.join(""));
                }
            }
        });
    }



後臺返回的資料:
            List<Map<String, Object>> mapList = this.Service.getData(User);
            response.setCharacterEncoding("UTF-8");
            response.setContentType("application/json;charset=UTF8");
            PrintWriter writer = response.getWriter();
            writer.write(JSON.toJSONString(mapList));
            writer.close();


相關推薦

each,ajax基本用法

1、選擇器+遍歷 $('div').each(function (i){ i就是索引值 this 表示獲取遍歷每一個dom物件 }); 2、選擇器+遍歷 $('div').each(fu

5分鐘學會Ajax基本用法

引言: 有很多童鞋,在WEB前端面試的時候,常會被Ajax問題難住,其實Ajax沒有你們理解的那麼難,現在原始碼時代H5學科講師帶著大家重新來回顧一下知識點:隨便再給大家普及一下小常識,今天咱們聊的就是怎麼快速掌握Ajax。 小常識科普: Ajax全稱是:Asynchronous Jav

jquer基本用法三 -ajax

<html>     <head>         <title>ajax example</title>          <script src="~/Scripts/jquery-1.7.1.js" type="t

shape的基本用法

enc schema 顏色 顏色漸變 mas utf pad 半徑 start <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/

Pinyin4j的基本用法

nts 人的 此外 中文 put stat -s http any     轉自:http://www.cnblogs.com/bluestorm/archive/2012/07/23/2605412.html 1. 簡單介紹 有時候,需要將漢字編程對應的拼音,以

11.python並發入門(part9 多線程模塊multiprocessing基本用法

python 多進程 multiprocessing 一、回顧多繼承的概念。由於GIL(全局解釋器鎖)的存在,在python中無法實現真正的多線程(一個進程裏的多個線程無法在cpu上並行執行),如果想充分的利用cpu的資源,在python中需要使用進程。二、multiprocessing模塊的簡介

Android屬性動畫完全解析(上),初識屬性動畫的基本用法

fcm 操作 fad 擴展性 改變 內部使用 如果 轉載 @override 轉載請註明出處:http://blog.csdn.net/guolin_blog/article/details/43536355 在手機上去實現一些動畫效果算是件比較炫酷的事情,因此Andr

JQuery的基本用法

技術 -1 nbsp jquer 技術分享 9.png log query com JQuery的基本用法

Jquery-zTree的基本用法

etc ssim 希望 取數據 attribute name checked down 個性 【簡介】 zTree 是利用 JQuery 的核心代碼,實現一套能完成大部分常用功能的 Tree 插件 兼容 IE、FireFox、Chrome 等瀏覽器 在一個頁面內可同時

Ajax 基本使用的四大步驟,簡單易懂

表單 var cells send val fun nbsp x11 open ajax(異步javascript xml) 能夠刷新局部網頁數據而不是重新加載整個網頁。接下來通過本文給大家介紹Ajax的使用四大步驟,非常不錯,感興趣的朋友看下吧 什麽是ajax? a

IntBuffer類的基本用法

容量 city out ava test buffer eat ati nis package com.ietree.basicskill.socket.basic.nio; import java.nio.IntBuffer; /** * Created by A

java基礎:運算符的基本用法

自增 另一個 stat 不同 兩個 流程 ava -- 個數 運算符: 就是對常量和變量進行操作的符號。 算數運算符: A:+,-,*,/,%,++,-- B:+的用法 a:加法 b:正號 c:字符串連接符 C:/和%的區別 數據做除法操作的時候,/取得是商

windows下boost庫的基本用法

tdi bootstrap c++ org .exe 程序編譯 ring 包括 tar 由於boost都是使用模板的技術,所以全部代碼都是寫在一個.hpp頭文件裏。這樣boost中的大部分內容是不須要編譯生成對應的鏈接庫,僅僅須要設置以下的包括文件夾(或者設置一下環境變

XUtils3框架的基本用法(一)

art put ref undle ret oncreate title 斷點續傳 lis 本文為作者原創,轉載請指明出處: http://blog.csdn.net/a1002450926/article/details/50341173 今天給大

Android_Event Bus 的基本用法

nds lis 接收數據 void ntp this als default blog 1 //事件總線分發 2 public class MainActivity extends ActionBarActivity { 3 Button b

一站式學習Wireshark(一):Wireshark基本用法

11g 實現 alt href ascii 根據 無線網絡 完成 analyze 按照國際慣例,從最基本的說起。 抓取報文: 下載和安裝好Wireshark之後,啟動Wireshark並且在接口列表中選擇接口名,然後開始在此接口上抓包。例如,如果想要在無線網絡上抓取流量

frame與iframe的區別及基本用法

url resize nor ref logs 嵌套 html span 高度 frame 和 iframe 的區別   1、frame 不能脫離 frameset 單獨使用,iframe 可以;   2、frame 不能放到body中,否則將無法顯示;   3、if

Notification的基本用法以及使用RemoteView實現自定義布局

解決 edi ngs 取消 ets lsp 過程 net tde Notification的作用 Notification是一種全局效果的通知,在系統的通知欄中顯示。既然作為通知,其基本作用有: 顯示接收到短消息、即時信息等 顯示客戶端的推送(廣告、優惠、新聞等)

黃聰:ffmpeg基本用法(轉)

sca wid cal ner aspect mp4 動態文本 tegra 控制輸出 FFmpeg FFmpeg 基本用法 本課要解決的問題 1.FFmpeg的轉碼流程是什麽? 2.常見的視頻格式包含哪些內容嗎? 3.如何把這些內容從視頻文件中抽取出來? 4.如

Oracle數據庫的基本用法

blog 重復 單列 rac bsp 算術 .cn 模糊 images 用法實例: --選取整個表的列 1. select * from emp; --選取指定列的內容 select job from emp; select ename,sal from emp;