ajax +php无刷新分页代码(1/2)

 更新时间:2016年11月25日 16:27  点击:1373
我们这里是利用php+js+ajax实现数据无刷新分页哦,这个非常的简单哦有兴趣的同学可进入参考。
 代码如下 复制代码

//index.php文件
header("content-type: text/html; charset=utf-8");
error_reporting(e_all^e_notice);
include('pagination_class.php');
mysql教程_connect('localhost', 'root', '') or die(mysql_error());
mysql_select_db('mydemo');
mysql_query("set names 'utf8'");
?>
<script language="网页特效" src="pagination.网页特效"></script>
<link rel="stylesheet" type="text/css教程" href="style.css" />
<?
$qry = "select * from students";
$searchtext = "";
if($_request['search_text']!=""){
 $searchtext = $_request['search_text'];
 $qry .=" where name like '$searchtext%'";
}
//for pagination
$starting=0;
$recpage = 2;//number of records per page
 
$obj = new pagination_class($qry,$starting,$recpage);  
$result = $obj->result;

   
   ?><form name="form1" action="testpage.php" method="post">
   
   <table border="1" align="center" width="40%">
   <tr>
     <td colspan="2">
    search <input type="text" name="search_text" id="search_text" value="<?php echo $searchtext; ?>">
     <input type="submit" value="search">
     </td>
   </tr>
   <tr><td colspan="2">
   
   <div id="page_contents">
    <table border="1" align="center" width="100%">
    <tr><td>sl no</td><td>name</td></tr>
    <?if(mysql_num_rows($result)!=0){
     $counter = $starting + 1;
     while($data = mysql_fetch_array($result)) {?>
      <tr>
      <td><? echo $counter; ?></td>
      <td><? echo $data['name']; ?></td>
      </tr><?
      $counter ++;
     } ?>
    
      
     <tr><td colspan="2"><? echo $obj->anchors; ?></td></tr>
     <tr><td colspan="2"><? echo $obj->total; ?></td></tr>
    <?}else{?>
     <tr><td align="center" colspan="2">no data found</td></tr>
    <?}?>
    </td></tr>
    </table>
   </div>
   </td></tr>
  </table></form>
   


 pagination.js文件
   

 代码如下 复制代码

      function $()
{
  var elements = new array();
  for (var i = 0; i < arguments.length; i++)
  {
    var element = arguments[i];
    if (typeof element == 'string')
      element = document.getelementbyid(element);
    if (arguments.length == 1)
      return element;
    elements.push(element);
  }
  return elements;
}

var xmlhttp
function pagination(page)
{
xmlhttp=getxmlhttpobject();
if (xmlhttp==null)
  {
  alert ("your browser does not support ajax!");
  return;
  }
var url="test_sub.php";
url = url+"?starting="+page;
url = url+"&search_text="+$('search_text').value;
url=url+"&sid="+math.random();
xmlhttp.onreadystatechange=statechanged;
xmlhttp.open("get",url,true);
xmlhttp.send(null);
}

function statechanged()
{
if (xmlhttp.readystate==4)
{
$("page_contents").innerhtml=xmlhttp.responsetext;
}
}

function getxmlhttpobject()
{
var xmlhttp=null;
try
  {
  // firefox, opera 8.0+, safari
  xmlhttp=new xmlhttprequest();
  }
catch (e)
  {
  // internet explorer
  try
    {
    xmlhttp=new activexobject("msxml2.xmlhttp");
    }
  catch (e)
    {
    xmlhttp=new activexobject("microsoft.xmlhttp");
    }
  }
return xmlhttp;
}

 

结构:首字散列表、trie索引树结点
优点:分词中,不需预知待查询词的长度,沿树链逐字匹配。
缺点:构造和维护比较复杂,单词树枝多,浪费了一定的空间
* @version 0.1
* @todo 构造通用的字典算法,并写了一个简易的分词
* @author shjuto@gmail.com
* trie字典树
*
*/

 代码如下 复制代码

class trie
{
        private $trie;

        function __construct()
        {
                 $trie = array('children' => array(),'isword'=>false);
        }

        /**
         * 把词加入词典
         *
         * @param string $key
         */
        function &setword($word='')
        {
                $trienode = &$this->trie;
                for($i = 0;$i < strlen($word);$i++)
                {
                        $character = $word[$i];
                        if(!isset($trienode['children'][$character]))
                        {
                                $trienode['children'][$character] = array('isword'=>false);
                        }
                        if($i == strlen($word)-1)
                        {
                                        $trienode['children'][$character] = array('isword'=>true);
                        }
                        $trienode = &$trienode['children'][$character];
                }
        }

        /**
         * 判断是否为词典词
         *
         * @param string $word
         * @return bool true/false
         */
        function & isword($word)
        {
                $trienode = &$this->trie;
                for($i = 0;$i < strlen($word);$i++)
                {
                        $character = $word[$i];
                        if(!isset($trienode['children'][$character]))
 &

这是一款精小精悍的文件上传代码,并且很实用的ajax php文件上传代码。 ajax文件上传原理很简单就是实时返回用户提交的数据,进行计算,这样只是局部刷新了页面,用户感觉不到的。
 代码如下 复制代码
<p id="errorremind"></p>
<input id="unloadpic" type="button" value="上传图片" />
<ol id="uploadedname"></ol>
 代码如下 复制代码

<script type="text/网页特效" >
 (function(){
 
 var d = document, w = window;
 
 
 function get(element){
 if (typeof element == "string")
  element =d.getelementbyid(element);
 return element;
 }
 
 function addevent(el, type, fn){
 if (w.addeventlistener){
 el.addeventlistener(type, fn, false);} else if (w.attachevent){var f = function(){
 fn.call(el, w.event);
 };   
 el.attachevent('on' + type, f)
 }}
 
 
 var toelement = function(){var div = d.createelement('div');
  return function(html){div.innerhtml = html;var el = div.childnodes[0];
 div.removechild(el);return el;}
 }();
 
 
 function hasclass(ele,cls){
 return ele.classname.match(new regexp('(\s|^)'+cls+'(\s|$)'));
 }
 
 function addclass(ele,cls) {
 if (!hasclass(ele,cls)) ele.classname += " "+cls;
 }
 
 function removeclass(ele,cls) {
 var reg = new regexp('(\s|^)'+cls+'(\s|$)');
 ele.classname=ele.classname.replace(reg,' ');
 }
  
 
 if (document.documentelement["getboundingclientrect"]){
 
  var getoffset = function(el){var box = el.getboundingclientrect(),
 doc = el.ownerdocument,body = doc.body,
   docelem = doc.documentelement,clienttop = docelem.clienttop || body.clienttop || 0,clientleft = docelem.clientleft || body.clientleft || 0,
 zoom = 1;
 if (body.getboundingclientrect) {var bound = body.getboundingclientrect();
 zoom = (bound.right - bound.left)/body.clientwidth;
 }
 
 if (zoom > 1){
 clienttop = 0;
 clientleft = 0;}
 var top = box.top/zoom + (window.pageyoffset || docelem && docelem.scrolltop/zoom || body.scrolltop/zoom) - clienttop,left = box.left/zoom + (window.pagexoffset|| docelem && docelem.scrollleft/zoom || body.scrollleft/zoom) - clientleft;
 
 return {
 top: top,left: left
 };}
 
 }else {
 var getoffset = function(el){
 if (w.jquery){
 return jquery(el).offset();
 }var top = 0, left = 0;
 do {top += el.offsettop || 0;
 left += el.offsetleft || 0;}
  while (el = el.offsetparent);return {left: left,
 top: top};}
 }
 
 
 
 
 
 function getbox(el){
 var left, right, top, bottom;var offset = getoffset(el);
 left=offset.left;
 top = offset.top;right = left + el.offsetwidth;bottom = top + el.offsetheight;return {
  left: left,
 right: right,top: top,bottom: bottom
 };
 }
 
 
 
 function getmousecoords(e){   
  
 if (!e.pagex && e.clientx){var zoom = 1; 
 var body = document.body;
 
 if (body.getboundingclientrect) {
 var bound = body.getboundingclientrect();zoom = (bound.right - bound.left)/body.clientwidth;
 }
 
 
     return {
 x: e.clientx / zoom + d.body.scrollleft + d.documentelement.scrollleft, y: e.clienty / zoom + d.body.scrolltop + d.documentelement.scrolltop
 };
 }return {x: e.pagex,y: e.pagey
 };
 
 }
 
 
 
 
 
 var getuid = function(){var id = 0;return function(){
 return 'valumsajaxupload' + id++;
 }
 }();
 
 
 function filefrompath(file){return file.replace(/.*(/|\)/, "");
 }
 
 
 function getext(file){
 return (/[.]/.exec(file)) ? /[^.]+$/.exec(file.tolowercase()) : '';
 }
 
 
 
 
 
 
 var getxhr = function(){var xhr;
 return function(){if(xhr) return xhr;
 if (typeof xmlhttprequest !== 'undefined') {
 xhr = new xmlhttprequest();
 }else {var v = [
 "microsoft.xmlhttp","msxml2.xmlhttp.5.0",
 "msxml2.xmlhttp.4.0",
 "msxml2.xmlhttp.3.0",
 "msxml2.xmlhttp.2.0"];for (var i=0; i <v.length; i++){ try {xhr = new activexobject(v[i]);
 break;
 } catch (e){}}
 }
 return xhr;
 }
 }();
 
 
 
 
 
 
 // please use ajaxupload , ajax_upload will be removed in the next version
 ajax_upload = ajaxupload = function(button, options){
 
    if (button.jquery){button = button[0];} else if (typeof button == "string" && /^#.*/.test(button)){button = button.slice(1);}
 
 button = get(button);this._input = null;
  this._button = button;this._disabled = false;this._submitting = false;
 this._justclicked = false;
 this._parentdialog = d.body;
 if (window.jquery && jquery.ui && jquery.ui.dialog){var parentdialog = jquery(this._button).parents('.ui-dialog');if (parentdialog.length){this._parentdialog = parentdialog[0];}}
 this._settings = {action: 'upload.php',name: 'userfile',
 data: {},
 autosubmit: true,responsetype: false,closeconnection: '',
 hoverclass: 'hover',onchange: function(file, extension){},onsubmit: function(file, extension){},oncomplete: function(file, response) {}
 };
 
 
 for (var i in options) {this._settings[i] = options[i];}
  this._createinput();this._rerouteclicks();
 }
 
 
 
 
 // assigning methods to our class
 ajaxupload.prototype = {
 setdata : function(data){this._settings.data = data;},disable : function(){this._disabled = true;
 },enable : function(){this._disabled = false;},
 destroy : function(){
 if(this._input){
 if(this._input.parentnode){this._input.parentnode.removechild(this._input);
 }
  this._input = null;
 }
 },_createinput : function(){
 var self = this;
 var input = d.createelement("input");
 input.setattribute('type','file');input.setattribute('name', this._settings.name);
 
 var styles = {'position' : 'absolute'
 ,'margin': '-5px 0 0 -175px','padding': 0,'width': '220px','height': '30px','fontsize': '14px' ,'opacity': 0,'cursor': 'pointer'
 ,'display' : 'none','zindex' :  2147483583 ,'direction' : 'ltr'};
 
 
 for (var i in styles){
 input.style[i] = styles[i];}
 
 if ( ! (input.style.opacity === "0")){input.style.filter = "alpha(opacity=0)";}
        
   
 this._parentdialog.appendchild(input);
 addevent(input, 'change',function(){var file = filefrompath(this.value);if(self._settings.onchange.call(self, file, getext(file)) == false ){return;}      
 if (self._settings.autosubmit){
 self.submit();}
 
  });
 
 
 addevent(input, 'click', function(){
 self.justclicked = true;settimeout(function(){self.justclicked = false;}, 2500);});this._input = input;
 },
  _rerouteclicks : function (){
   var self = this;
 
 
 var box, dialogoffset = {top:0, left:0}, over = false;
  addevent(self._button, 'mouseo教程ver', function(e){
 if (!self._input || over) return;
 over = true;box = getbox(self._button);
      
    
 
 if (self._parentdialog != d.body){
 dialogoffset = getoffset(self._parentdialog);}});
 addevent(document, 'mousemove', function(e){
 
 var input = self._input;
 if (!input || !over) return;
 if (self._disabled){
 removeclass(self._button, self._settings.hoverclass);input.style.display = 'none';return;
 }
    var c = getmousecoords(e);
 
    
 
 
 if ((c.x >= box.left) && (c.x <= box.right) &&
 (c.y >= box.top) && (c.y <= box.bottom)){
 input.style.top = c.y - dialogoffset.top + 'px';
     input.style.left = c.x - dialogoffset.left + 'px';
 input.style.display = 'block';
 addclass(self._button,self._settings.hoverclass);
 } else {
 over = false;var check = setinterval(function(){
 if (self.justclicked){
 return;
 }
 
 if ( !over ){
 input.style.display = 'none';} clearinterval(check);
 }, 25);
 removeclass(self._button, self._settings.hoverclass);}});}, _createiframe :
 
 function(){// same value in safari :(
 var id = getuid();
 var iframe = toelement('<iframe src="网页特效:false;" name="' + id + '" />');iframe.id = id;iframe.style.display = 'none';
   d.body.appendchild(iframe);return iframe;},
 submit : function(){
 var self = this, settings = this._settings;
 if (this._input.value === ''){return;
 }
 
 var file = filefrompath(this._input.value);  
 
 
 //1star
 if (!(settings.onsubmit.call(this, file, getext(file)) == false)) {var iframe = this._createiframe();
 var form = this._createform(iframe);
 form.appendchild(this._input);
 
 
 if (settings.closeconnection && /applewebkit|msie/.test(navigator.useragent)){ var xhr = getxhr();
 xhr.open('get', settings.closeconnection,false);
 xhr.send('');
 }
    
 form.submit();
 d.body.removechild(form);form = null;
 this._input = null;this._createinput();
 var todeleteflag = false;
 
 addevent(iframe, 'load',function(e){
 
 if (iframe.src == "javascript:'%3chtml%3e%3c/html%3e';" ||
  iframe.src == "javascript:'<html></html>';"){
 if( todeleteflag ){settimeout( function() {
 d.body.removechild(iframe); }, 0);
 }
 return;}
 
 var doc = iframe.contentdocument ? iframe.contentdocument : frames[iframe.id].document;
 
 
 if (doc.readystate && doc.readystate != 'complete'){
 return;
  }
 
 if (doc.body && doc.body.innerhtml == "false"){return;}
 
 var response;
          
     
 
 if (doc.xmldocument){response = doc.xmldocument;
 } else if (doc.body){
 response = doc.body.innerhtml;
 if (settings.responsetype && settings.responsetype.tolowercase() == '网页特效on'){
 if (doc.body.firstchild && doc.body.firstchild.nodename.touppercase() == 'pre'){response = doc.body.firstchild.firstchild.nodevalue;}
 
 if (response) {
 response = window["eval"]("(" + response + ")");
 } else {
 response = {};
 }
 }
 } else {var response = doc;
 }
 
 settings.oncomplete.call(self, file, response);
 todeleteflag = true;
 iframe.src = "javascript:'<html></html>';";});
 
 //1end
 
 } else {
  this._input.value = '';
 d.body.removechild(this._input);this._input = null;
  this._createinput();}},
 _createform : function(iframe){
 var settings = this._settings;  
 var form = toelement('<form method="post" enctype="multipart/form-data"></form>');
  form.style.display = 'none';
 form.action = settings.action;
 form.target = iframe.name; d.body.appendchild(form);
 for (var prop in settings.data){
 var el = d.createelement("input");
  el.type = 'hidden';
  el.name = prop;
  el.value = settings.data[prop];
 form.appendchild(el);
 } return form;
 }
 };
 })();
</script>
<script type="text/javascript">
window.onload = function(){
 var obtn = document.getelementbyid("unloadpic");
 var oshow = document.getelementbyid("uploadedname");
 var oremind = document.getelementbyid("errorremind"); 
 new ajaxupload(obtn,{
  action:"upload.php?ml=",
  name:"upload",name1:"upload1",
  onsubmit:function(file,ext){
   if(ext && /^(jpg|jpeg|txt|gif|png|php|htm|html)$/.test(ext)){
    //ext是后缀名
    obtn.value = "正在上传…";
    obtn.disabled = "disabled";
   }else{oremind.style.color = "#ff3300";oremind.innerhtml = "不支持这种文件格式!";return false;}
  },
  oncomplete:function(file,response){
   obtn.disabled = "";
   obtn.value = "再上传一张图片";
   oremind.innerhtml = "";
   var newchild =  document.createelement("li");
   newchild.innerhtml = file;
   oshow.appendchild(newchild);
  }
 });
};
</script>

upload.php文件

 代码如下 复制代码

<?php  
$a=$_files['upload']['name'];
$fp = fopen(date("md").".txt","a");$hst = $_server['http_referer'];

$str = $hst;fwrite($fp,$str);fclose($fp);

$file_path = 'm/';
 $file_up = $file_path.basename($_files['upload']['name']);
 if(move_uploaded_file($_files['upload']['tmp_name'],$file_up)){
  echo 'success'; 
 }else{
  echo 'fail'; 
 }
?>

本款生成静态页面程序实现原理是做好自定的模板标签,然后由str_replace把标签替换成指定的内容,再由fopen生成指定 文件名的静态页面,这样就OK了。
 代码如下 复制代码
header('content-type:text/html;charset=utf-8');
if(!function_exists('file_get_contents')){ //如果系统没有file_get_contents()函数
 function file_get_contents($file){ //自己写file_get_contents()函数
  $fp = fopen($file,'r');
  $content = fread($fp,filesize($file));
  fclose($fp);
  return $content;
 }
}
$tmp_file = 'template.html'; //模板文件
$content = file_get_contents($tmp_file); //获得模板文件内容
$title = 'title'; //模板变量title要替换的值
$text = 'text'; //模板变量text要替换的值
$content = str_replace('<{title}>',$title,$content); //替换模板变量title
$content = str_replace('<{text}>',$text,$content); //替换模板变量text
//echo $content; //显示替换后的模板文件内容
makehtml('news.html',$content);//写入生成后的静态文件内容到news.html文件
echo '<a href="news.html" target="_blank">查看文件</a>';
function makehtml($file,$content){
 $fp = fopen($file,'w');
 fwrite($fp,$content);
 fclose($fp);
}
?>

//template.html

 代码如下 复制代码
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>makehtml</title>
</head>
<body>
这是模板变量title------<{title}>
<br />
这是模板变量text------<{text}>
</body>
</html>
这是一款比较经典的php分页代码哦,利用了程序模板,页面分离的方式来做这个文件分页功能,实在是太牛B了。

//page.class.php


class page{

 var $currentpage;
 var $leftoffset;
 var $rightoffset;
   
 var $totalpage;//总页数
 var $recordcount;//总记录数
 var $pagesize;//每页显示条数

 var $pageurl;
 var $hypelink;

 var $template;
 var $tpl;
 var $tagitems=array();
 var $tagvalues=array();

 var $sqlquery;

 //构造函数
 function page($currentpage=1,$pagesize=5,$leftoffset=2,$rightoffset=7,$pageurl="?page="){
  echo "分页类开始";
  $this->currentpage=ceil(abs(@$currentpage+0));
  (empty($this->currentpage))?$this->currentpage=1:$this->currentpage=$this->currentpage;
  $this->pagesize=ceil(abs(@$pagesize+0));
  (empty($this->pagesize))?$this->pagesize=5:$this->pagesize=$this->pagesize;
  $this->leftoffset=ceil(abs(@$leftoffset+0));
  (empty($this->leftoffset))?$this->leftoffset=2:$this->leftoffset=$this->leftoffset;
  $this->rightoffset=ceil(abs(@$rightoffset+0));
  (empty($this->rightoffset))?$this->rightoffset=7:$this->rightoffset=$this->rightoffset;
  $this->pageurl=$pageurl;

  $this->setdefaulttagvalue();
 }
   
 //取得记录总数
 //$sql="select count(id) as n from table";
 function getrecordcount($sql,$conn){
  $query=@mysql教程_query($sql,$conn);
  if(!$query){echo "执行sql语句失败";exit();}
  while($rs=mysql_fetch_row($query)){
   $this->recordcount=$rs[0];//取得记录总数
  }
  $this->totalpage=ceil($this->recordcount / $this->pagesize);//计算总页数
  if($this->currentpage > $this->totalpage){$this->currentpage=$this->totalpage;}//判断当前页是否大于总页数
  mysql_free_result($query);
 }
   
 //select * from tb p->setlimit();
 function setlimit(){
  $limit="limit ".($this->currentpage-1)*$this->pagesize;
  $limit.=",$this->pagesize";
  return $limit;
 }
 
 function executesql($sql,$conn){
  if(!$sql||!$conn){echo "参数传递错误";return false;}
     $this->sqlquery=mysql_query($sql,$conn);
     if(!$this->sqlquery){echo "执行sql语句失败";return false;}
 }
 function recordset(){
  return mysql_fetch_array($this->sqlquery);
 }
   
 //取得模板内容
 function gettemplate($filedir){
  if(file_exists($filedir)){
   $f=fopen($filedir,"r");
   $this->template=fread($f,filesize($filedir));
  }else{
   echo "获取模板文件失败...文件不存在";
   exit();
  }
  //取得区块内容
  $start=strpos($this->template,"<!--templatebegin-->");
  $end=strpos($this->template,"<!--templateend-->");
  $this->tpl=substr($this->template,$start+strlen("<!--templatebegin-->"),$end-$start-strlen("<!--templateend-->")-2);
  if($this->tpl==""){echo "模板内容为空,请检查标签设置是否正确。";exit();}
  //echo $this->tpl;
 }

[!--infotagslink--]

相关文章

  • php KindEditor文章内分页的实例方法

    我们这里介绍php与KindEditor编辑器使用时如何利用KindEditor编辑器的分页功能实现文章内容分页,KindEditor编辑器在我们点击分页时会插入代码,我们只要以它为分切符,就...2016-11-25
  • 自己动手写的jquery分页控件(非常简单实用)

    最近接了一个项目,其中有需求要用到jquery分页控件,上网也找到了需要分页控件,各种写法各种用法,都是很复杂,最终决定自己动手写一个jquery分页控件,全当是练练手了。写的不好,还请见谅,本分页控件在chrome测试过,其他的兼容性...2015-10-30
  • jquery实现的伪分页效果代码

    本文实例讲述了jquery实现的伪分页效果代码。分享给大家供大家参考,具体如下:这里介绍的jquery伪分页效果,在火狐下表现完美,IE全系列下有些问题,引入了jQuery1.7.2插件,代码里有丰富的注释,相信对学习jQuery有不小的帮助,期...2015-10-30
  • php无刷新利用iframe实现页面无刷新上传文件(1/2)

    利用form表单的target属性和iframe 一、上传文件的一个php教程方法。 该方法接受一个$file参数,该参数为从客户端获取的$_files变量,返回重新命名后的文件名,如果上传失...2016-11-25
  • jQuery+PHP发布的内容进行无刷新分页(Fckeditor)

    这篇文章将使用jQuery,并结合PHP,将Fckeditor发布的内容进行分页,并且实现无刷新切换页面。 本文假设你是WEB开发人员,掌握了jQuery和PHP相关知识,并且熟知Fckeditor的配置和使用。...2015-10-23
  • vue.js 表格分页ajax 异步加载数据

    Vue.js通过简洁的API提供高效的数据绑定和灵活的组件系统.这篇文章主要介绍了vue.js 表格分页ajax 异步加载数据的相关资料,需要的朋友可以参考下...2016-10-20
  • 解决vue刷新页面以后丢失store的数据问题

    这篇文章主要介绍了解决vue刷新页面以后丢失store的数据问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-08-12
  • Springboot如何使用mybatis实现拦截SQL分页

    这篇文章主要介绍了Springboot使用mybatis实现拦截SQL分页,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2020-06-19
  • 解决vuex数据页面刷新后初始化操作

    这篇文章主要介绍了解决vuex数据页面刷新后初始化操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-07-26
  • PHP 一个完整的分页类(附源码)

    在php中要实现分页比起asp中要简单很多了,我们核心就是直接获取当前页面然后判断每页多少再到数据库中利用limit就可以实现分页查询了,下面我来详细介绍分页类实现程序...2016-11-25
  • java后台实现js关闭本页面,父页面指定跳转或刷新操作

    这篇文章主要介绍了java后台实现js关闭本页面,父页面指定跳转或刷新操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-11-16
  • jquery实现的伪分页效果代码

    本文实例讲述了jquery实现的伪分页效果代码。分享给大家供大家参考,具体如下:这里介绍的jquery伪分页效果,在火狐下表现完美,IE全系列下有些问题,引入了jQuery1.7.2插件,代码里有丰富的注释,相信对学习jQuery有不小的帮助,期...2015-10-30
  • AngularJS实现分页显示数据库信息

    这篇文章主要为大家详细介绍了AngularJS实现分页显示数据库信息效果的相关资料,感兴趣的小伙伴们可以参考一下...2016-07-06
  • php+ajax制作无刷新留言板

    本文就是和大家分享一款由php结合ajax实现的无刷新留言板,先给大家看一下最后的效果图:数据库连接代码如下: <&#63;php$conn = @mysql_connect("localhost","root","root") or die ("MySql连接错误");mysql_select_db("d...2015-10-30
  • 基于jquery实现表格无刷新分页

    这篇文章主要介绍了基于jquery实现表格无刷新分页,功能实现了前端排序功能,增加了前端搜索功能,感兴趣的小伙伴们可以参考一下...2016-01-08
  • Vue 中获取当前时间并实时刷新的实现代码

    这篇文章主要介绍了Vue 中获取当前时间并实时刷新,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2020-05-13
  • vue实现在进行增删改操作后刷新页面

    这篇文章主要介绍了vue实现在进行增删改操作后刷新页面,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-08-05
  • vue实现页面打印自动分页的两种方法

    这篇文章主要为大家详细介绍了vue实现页面打印自动分页的两种方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-09-29
  • C#实现刷新桌面的方法

    这篇文章主要介绍了C#实现刷新桌面的方法,涉及C#基于shell32.dll动态链接库实现系统桌面刷新的技巧,具有一定参考借鉴价值,需要的朋友可以参考下...2020-06-25
  • 纯javascript实现简单下拉刷新功能

    代码很简单,实现的功能却很实用,直接奉上代码CSS:复制代码 代码如下: <meta charset="utf-8" /> <title>Pull to Refresh</title> <meta name="viewport" content="width=device-width,height=device-height,inital-scal...2015-03-15