如何从数据库加载页面滚动在php和jquery与ajax在同一页面
如何从数据库加载页面滚动在php和jquery与ajax在同一页面
提问于 2017-02-01 12:15:44
我需要一些关于我的eCommerce网站正在开发的帮助，我想从页面滚动从数据库加载购物车的问题是，我想要拉出我的“过滤器类别首先”在数据库中显示购物车项目以下是我的脚本
<span class="applied-amount">Applied Filters</span>
<button type="button" class="btn btn-default btn-sm clear-all pull-right" id="clear-all">CLEAR ALL</button>
</div>
<div class="column-filters panel-group" id="accordion">
<div class="panel-title-bcrums"> </div>
<!--Category Panel-->
<div class="panel panel-default">
<div class="panel-heading">
<div class="panel-title"> CATEGORY </div>
</div>
<div id="collapseOne" class="panel-collapse collapse in">
<label name="filter-category" data-category-url="computer-software" data-category-id=""> <span class="filter-key">Computer Software</span> <span class="filter-count">(724)</span> <i class="fa fa-angle-right pull-right caret-icon" name="filter-category" data-category-url="computer-software"></i> </label>
<label name="filter-category" data-category-url="accessories-computing" data-category-id=""> <span class="filter-key">Computing Accessories</span> <span class="filter-count">(8764)</span> <i class="fa fa-angle-right pull-right caret-icon" name="filter-category" data-category-url="accessories-computing"></i> </label>
<label name="filter-category" data-category-url="computing-bundles" data-category-id=""> <span class="filter-key">Computing Bundles</span> <span class="filter-count">(3)</span> <i class="fa fa-angle-right pull-right caret-icon" name="filter-category" data-category-url="computing-bundles"></i> </label>
<label name="filter-category" data-category-url="desktop-monitors" data-category-id=""> <span class="filter-key">Desktop and Monitors</span> <span class="filter-count">(493)</span> <i class="fa fa-angle-right pull-right caret-icon" name="filter-category" data-category-url="desktop-monitors"></i> </label>
<label name="filter-category" data-category-url="laptops" data-category-id=""> <span class="filter-key">Laptops</span> <span class="filter-count">(2309)</span> <i class="fa fa-angle-right pull-right caret-icon" name="filter-category" data-category-url="laptops"></i> </label>
<label name="filter-category" data-category-url="networking" data-category-id=""> <span class="filter-key">Networking</span> <span class="filter-count">(1628)</span> <i class="fa fa-angle-right pull-right caret-icon" name="filter-category" data-category-url="networking"></i> </label>
<label name="filter-category" data-category-url="printers-scanners-5232" data-category-id=""> <span class="filter-key">Printers, Scanners and Accessories</span> <span class="filter-count">(3550)</span> <i class="fa fa-angle-right pull-right caret-icon" name="filter-category" data-category-url="printers-scanners-5232"></i> </label>
<label name="filter-category" data-category-url="projectors-5233" data-category-id=""> <span class="filter-key">Projectors & Accessories</span> <span class="filter-count">(582)</span> <i class="fa fa-angle-right pull-right caret-icon" name="filter-category" data-category-url="projectors-5233"></i> </label>
</div>
<div class="clearfix"></div>
</div>
Brand Panel
<div class="panel panel-default ">
<div class="for-brand"></div>
<div class="panel-heading">
<div class="panel-title" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="true"> BRAND <span class="panel-selected-size -brand">(0)</span> <i class="fa fa-angle-down pull-right caret-icon"></i> <i class="fa fa-angle-up pull-right caret-icon"></i> </div>
</div>
<div id="collapseTwo" class="panel-collapse collapse in">
<input type="text" class="search-brand" id="search-brand-input" placeholder="Search brands..">
<div class="brand-list-remote"></div>
<div id="aggregated_brand" class="brand-list" filter-attr-val="aggregated_brand">
<label data-name="Acer" class="aggregated_brand filter-40660">
<input class="filter-box" type="checkbox" name="filter-brand"
data-brand="Acer" data-count="121"/>
<span class="filter-key">Acer</span> <span class="filter-count">(121)</span> </label>
<label data-name="Apple" class="aggregated_brand filter-39454">
<input class="filter-box" type="checkbox" name="filter-brand"
data-brand="Apple" data-count="332"/>
<span class="filter-key">Apple</span> <span class="filter-count">(332)</span> </label>
<label data-name="Asus" class="aggregated_brand filter-150136">
<input class="filter-box" type="checkbox" name="filter-brand"
data-brand="Asus" data-count="104"/>
<span class="filter-key">Asus</span> <span class="filter-count">(104)</span> </label>
Displaying of carts here from tables
<div class="catalog-box">
<ul id="myList" class="catalog">
<?php include('getresult.php'); ?>
</ul>
</div>回答 1
Stack Overflow用户
发布于 2017-02-02 11:01:46
您可以使用$(window).scroll()来完成此任务...
$(window).scroll(function (event) {
yourFunction();
});
function yourFunction(){
//call your ajax here
}在ajax中，编写一段代码从数据库中获取数据，并在成功后加载下一部分html。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/41979596
复制相关文章
![[Selenium+Chrome使用总结]加载Flash、禁用JS脚本、滚动页面至元素、缩放页面](https://ask.qcloudimg.com/http-save/yehe-5956301/52mmz8l7s6.jpeg)
点击加载更多
相似问题
AJAX加载和页面滚动
PHP AJAX JQUERY加载页面
使用jquery和ajax在同一页面中加载php表单
PHP / jQuery Ajax /在Ajax处理页面中加载xml
在页面加载之前禁用页面滚动- JQuery
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
