1. 程式人生 > >ajax從伺服器拿了資料回來迴圈顯示在HTML後不能響應事件

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知識是不夠用的