ajax從伺服器拿了資料回來迴圈顯示在HTML後不能響應事件
要做一個檢視歷史記錄的頁面,點選那條記錄會顯示出詳情。ajax從伺服器拿了記錄資訊的資料回來,就把記錄迴圈然後appen出來。頁面顯示沒問題,資料庫有多少記錄全部都顯示出來了,但是,點選卻該記錄沒反應。
有人說用unbind,有人說用live,有人說用on,但是試過都沒用。後來終於知道問題在哪裡了,原來每次迴圈出來的元素要觸發事件是需要繫結的,所以,事件方法應該寫在迴圈裡面。
//迴圈出所有本月記錄。data是伺服器返回的資料,為陣列。 var datamonth=data['last0data']; $.each(datamonth, function(index, datamonth) { var html= "<li"+" "+"id="+datamonth.sign_id+" "+" class='list-group-item' >"+ "<div class='item' style='font-size: 16px' >"+ "<div class='datetime' style='float: left;'>"+"<span class='glyphicon glyphicon-list' aria-hidden='true'>"+"</span>"+" "+datamonth.sign_datetime.substring(0,11)+"</div>"+ "<div style='float: right'>"+datamonth.user_name+"</div>"+ "<div style='clear: both;'>"+"</div>"+ "</div>"+"</li>"; $("#body").append(html); $("#"+datamonth.sign_id).on("click",function(){ var sign_id=$("#"+datamonth.sign_id).attr("id"); var sign_datetime=$("#"+datamonth.sign_id).text().substring(1,11); attendance_check.gettable_sign(sign_id,sign_datetime); }) })
相關推薦
ajax從伺服器拿了資料回來迴圈顯示在HTML後不能響應事件
要做一個檢視歷史記錄的頁面,點選那條記錄會顯示出詳情。ajax從伺服器拿了記錄資訊的資料回來,就把記錄迴圈然後appen出來。頁面顯示沒問題,資料庫有多少記錄全部都顯示出來了,但是,
$.ajax()方法從伺服器獲取json資料幾種方式詳解
一.什麼是json json是一種取代xml的資料結構,和xml相比,它更小巧但描述能力卻很強,網路傳輸資料使用流量更少,速度更快。 json就是一串字串,使用下面的符號標註。 {鍵值對} : json物件 [{},{},{}] :json陣列 "" :雙引號內是屬性或值
$.ajax()方法從伺服器獲取json資料
一.什麼是jsonjson是一種取代xml的資料結構,和xml相比,它更小巧但描述能力卻很強,網路傳輸資料使用流量更少,速度更快。json就是一串字串,使用下面的符號標註。{鍵值對} : json物件[{},{},{}] :json陣列"" :雙引號內是屬性或值: :冒號前為
jquery 的 ajax的dataType,伺服器返回了資料,但是succes:function(data)不執行
當ajax中設定的dataType的型別和 伺服器返回的資料型別不一致時,succes:function(data)會不執行 如伺服器ServletActionContext.getResponse().getWriter().print("error"); 前臺
根據ajax從伺服器獲取資料的時間和ID,根據最近的時間,顯示一個記錄重複ID的數字
success:function(data){ if(data.length>0){ var map = {};for (var i in data) { var user_id = data[i]["USER_ID"]; if (map[user_id
ajax從後臺請求的資料在顯示時一閃而過的原因(submit)
學習過程中遇到的問題: 先貼程式碼: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script> function showHint(str) { if (str.le
ajax從伺服器端取到json,直接顯示json的元素,卻為undefined的問題
後臺給ajax的返回值為res ,打印出來為{“types”:"ddddd"} ,但是呼叫res.types卻是undefined。。。。。 後來自己定義個res: var j ={"jjj":"ddd"}; alert(res.jjj);卻能取到。這是怎麼回事? 解決問題:
怎麼理解Get是用來從伺服器上獲得資料
說實話第一次看見你這個問題,我也蒙了,這麼坑爹的話,你從哪裡看到的?不會是哪本坑爹的書吧。我百度了下,百度文庫裡面有一個文件,還是第一頁= =,害人子弟。對於第一句“Get是用來從伺服器上獲得資料”你可以忽略了,不管別人怎麼認為,反正我認為這是坑爹的,更是坑害新手的。 jsp中get和
1.簡單例項:ASP.NET下Echarts通過Ajax從資料庫中獲取資料
後臺:Test01.ashx.cs:從資料庫獲取資料,通過HTTP請求(HttpContext)實現和前臺資料傳遞json資料 using System; using System.Collections.Generic; using System.Linq; using
ASP.NET+Echarts+Ajax從資料庫中獲取資料
html <div class="panel-body"> <div id="signNum" style="height: 400px; width:
Http Get 從伺服器中獲取資料 儲存到本地
package com.http.get; import java.io.FileOutputStream; import java.io.IOException; import java.io.InputStream; import java.net.HttpURLConn
Jquery如何將Ajax從後臺獲取的資料自動填充到省級下拉選單
Ajax:Asynchronous JavaScript and XML(非同步的 JavaScript 和 XML),指前後端在不重新整理頁面的情況下交換資料,更新資料。html程式碼:
ajax請求返回Json格式資料如何迴圈輸出成table形式
$.each(data,function(i,result){ item = "<tr><td>"+result['num']+"</td><td>"+result['t
Android:解決客戶端從伺服器上獲取資料亂碼的方法
向伺服器傳送HTTP請求,接收到的JSON包為response,用String content = EntityUtils.toString(response.getEntity(),"utf-8");解碼還是出現了中文亂碼,在後面加了 String name
jQuery+Ajax+js請求json格式資料並渲染到html頁面
1、先給json格式的資料: [ {"id":1,"name":"stan"}, {"id":2,"name":"jack"}, {"id":3,"name":"lucy"}, {"id":4,"name":"mary"}, {"id":5,"name":"jerry"}, {"id":6,"n
從表格中獲取資料,並在排序後按順序重新排列表格(Javascript)
數字排序出現問題 升序結果出現了一個大的數字反而在小數字的後面 function mySort(arr){ for(var x=0;x<arr.length-1;x++){ for(var y=x+1;y<arr.l
Ajax定時從伺服器取資料
var secs = 300; //倒計時的秒數 function doUpdate(num) { if (num % 3 == 0) { saveUserInfo(); } } for
Ajax實現定時從伺服器獲取資料,定時更新資料
一般來說,我們很容易想到用如下演算法來實現隔一段時間從伺服器取值:var secs = 300; //倒計時的秒數 function doUpdate(num) { if (num % 3 == 0) { saveUserInfo(); } }
ajax實現從後臺拿資料顯示在HTML前端
HTML頁面,ajax是基於id的,所有用id表示。 拿到的資料會顯示在這裡 <div id="test"></div> ajax原始碼: $(document).ready(function() { $.ajax({
通過jquery ajax在從伺服器獲取一個檔案的資料,顯示到客戶端的頁面
問題背景: 開啟記事本,寫一個html頁面,從本地讀一個檔案,顯示的頁面上,這個操作很容易實現。但是要想從讀伺服器上的一個檔案,然後想顯示到頁面上。光用普通的javascript技術和html知識是不夠用的