สอบถาม angular scroll หน้า page แล้วส่งค่าไปค้นหาด้วย ajax

พูดคุย แลกเปลี่ยน ปัญหา การเขียน JavaScript เครื่องมือ AJAX Web 2.0 AJAX Framework Jquery

Moderator: mindphp

ภาพประจำตัวสมาชิก
thatsawan
PHP VIP Members
PHP VIP Members
โพสต์: 9516
ลงทะเบียนเมื่อ: 31/03/2014 10:02 am
ติดต่อ:

สอบถาม angular scroll หน้า page แล้วส่งค่าไปค้นหาด้วย ajax

โพสต์โดย thatsawan » 05/07/2016 5:50 pm

คือ ลองโหลดตัวอย่างนี้มาใช้ http://codepen.io/davidchin/pen/oXbYEg เเต่ว่าต้องการจะเพิ่มให้ตอน scroll ดึงค่าเฉพาะที่เราต้องการ เเต่ไม่รู้จะส่งค่าไปยังไง

ลองใช้วิธีเก็บค่าเข้า localStorage เเล้วเรียกมาใช้งาน

โค้ด: เลือกทั้งหมด

   localStorage.setItem('tagname'JSON.stringify(tagname));  


มันค้นหาได้ก็จริง เเต่มันเคลียร์ค่าตัวแปรที่ส่งมาค้นหาไม่ได้
คำสั่งนี้มันทำงานบางครั้งที่กด f5

โค้ด: เลือกทั้งหมด

localStorage.removeItem('tagname'); 



ลองเปลี่ยนวิธีใหม่ ส่งค่าไปใน function ตอนคลิก

โค้ด: เลือกทั้งหมด

$scope.search = function (tabnametagname) {
                
//  alert(tagname);
                //  localStorage.removeItem('tagname');
                
localStorage.setItem('tagname'JSON.stringify(tagname));
                var 
url "{AJAX_JSON}",
                        
config = {
                            
params: {
                                
limit10,
                                
offset0,
                                
tabnametabname//sessionStorage.getItem('tags_key'),
                                
nametagtagname,
                            }
                        };

                
$http.post(urlconfig)
                        .
then(function (response) {
                            
$scope.posts response.data.response.posts;
                            
// onPageLoad(postLoader)
                            
console.log(2);
                            
console.log($scope.posts);
                            var 
params = {
                                
tagnametagname,
                            };
                            
postLoader.init(params).then(onPageLoad2);
                            
postLoader.next(params.tagname).then($scope.nextPage);
                        });
            } 


ผลมันก้อได้ค่าที่จะใช้ต่อตอนค้าหา เเต่ได้เเต่ครั้งเเรกครั้งเดียวตอน scroll ลงมาค่ามันก็หหายไป

โค้ด: เลือกทั้งหมด

PostLoader.prototype.get = function (pagetagname) {
//            alert(000);
        
console.log(tagname);

            var 
tagname tagname;
            var 
tab_name '{KEYWORD}';

            var 
url "{AJAX_JSON}",
                    
config = {
                        
params: {
                            
limitthis.pagination.perPage,
                        }
                    };
            
// Define the post number to start from
            
config.params.offset = (page 1) * config.params.limit;
            
config.params.tabname tab_name;
            if (
tagname) {
                
config.params.nametag tagname;
            }
            
// Make a HTTP request
            
return $http.post(urlconfig);

        }; 

  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ย้อนกลับไปยัง

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: 3 และ บุคคลทั่วไป 0 ท่าน