本文主要详细介绍了使用ajax和window.history.pushState无刷新改变页面内容和地址栏URL的方法,需要的朋友可以参考下在访问现在很火的google plus时，细心的用户也许会发现页面之间的点击是通过ajax异步请求的，同时页面的URL发生了了改变。并且能够很好的支持浏览器的前进和后退。不禁让人想问，是什么有这么强大的功能呢？HTML5里引用了新的API，就是history.pushState和history.replaceState，就是通过这个接口做到无刷新改变页面...
这篇文章主要介绍了Ajax无刷新分页的性能优化方法的相关资料,需要的朋友可以参考下Ajax无刷新分页，已经是一个大家比较熟悉的事物了，大概就是web前端页面上有一个js的方法，通过Ajax去请求服务器端的分页数据接口，拿到数据后再在页面上创建html结构，展现给用户，类似于下面这样：<script type=”text/javascript”> function getPage(pageIndex){ ajax({ url:” RemoteInterface.cgi”, method:”get”, data:{pageIndex:pageIn...
这篇文章主要介绍了Ajax实现弹出式无刷新城市选择功能代码,实例分析了Ajax弹出窗口及无刷新选择数据项的相关技巧,需要的朋友可以参考下本文实例讲述了Ajax实现弹出式无刷新城市选择功能。分享给大家供大家参考。具体如下：这是一款很棒的全国城市选择效果，添加城市时先添加组：找到id是"selectSub"中select标签下，添加option标签，value属性递增，找到id是"selectSub"，按照原有格式添加p，其id属性递增；然后添加二级副选框选项...
本篇文章给大家介绍Yii整合pjax（pushstate+ajax）实现无刷新加载页面，一起学习吧Pjax是啥？BOM对象history被增强了一波，主要是对历史栈的操作，以前只有 replace , go 之类的，都会跳转并刷新整个页面，现在有了 pushState , replaceState 等等单纯操作历史栈的方法，只是单纯修改历史栈里的内容，没有副作用（页面不会跳转刷新）PJAX效果通过url可以跟踪ajax的动态加载内容。这种技术尤其在two step view布局的视图中有很大的好...
这篇文章主要为大家详细介绍了AJAX实现无刷新用户名检测功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下先来看看原理图register.php<!DOCTYPE html> <html><head><meta charset="utf-8" /><title>ajax无刷新检测</title><style type="text/css">body{margin:0;padding:0;}.content{width:800px;margin:0 auto;}ul,li{list-style: none;margin:0;padding:0;}tr{width:200px;}td{width:80px;padding:5px 0;}td input,textar...
这次给大家带来ajax直接改变状态和删除无刷新状态，ajax直接改变状态和删除无刷新状态的注意事项有哪些，下面就是实战案例，一起来看一下。1. 01.php为主程序，调用smarty模板遍历输出：<?phpinclude ./include/Mysql.class.php;include ./libs/Smarty.class.php;$db=new Mysql;$smarty=new Smarty;$lists=$db->getALL(users);$smarty->assign(lists,$lists);$smarty->display(list.html); ?>2. list.html模板:内容结合JS ajax使用...
这次给大家带来AJAX实现无刷新数据分页，AJAX实现无刷新数据分页的注意事项有哪些，下面就是实战案例，一起来看一下。以前在使用Asp.Net的时候用过GridView这个控件，这个控件自带分页的功能，虽然很丑，但是功能还是很强大的。这里呢，给大家展示一下更加给力的方式——利用AJAX无刷新直接从服务器获取数据分页。一、实现过程注意：一下的内容都是在服务器内使用的。首先要在服务器的路径下建立几个文件，比如，page1.txt,page2.t...
这次给大家带来pushState+Ajax实现无刷新的页面切换，pushState+Ajax实现无刷新页面切换的注意事项有哪些，下面就是实战案例，一起来看一下。前言这样的需求很常见：点击页码局部更新页面（非整体刷新），并且产生历史管理。局部刷新很容易实现，ajax可以满足我们的需要，但是这并不会产生历史管理，好在html5给我们提供了几个好用的api方便解决这个问题，见下文。正文一、API1、pushStatepushState()有三个参数：一个状态对象、一...
这次给大家带来基于Ajax技术来实现无刷新用户登录（附代码），基于Ajax技术来实现无刷新用户登录的注意事项有哪些，下面就是实战案例，一起来看一下。代码如下:// JScript 文件 function usersLogon() {var userName = document.getElementById("txtuserName").value;var password = document.getElementById("txtpassword").value;var checkCode = document.getElementById("txtCheckCode").value;var response = userControl_log...
这次给大家带来实现改变状态和删除无刷新的Ajax+PHP代码，实现改变状态和删除无刷新Ajax+PHP的注意事项有哪些，下面就是实战案例，一起来看一下。1. 01.php为主程序，调用smarty模板遍历输出：<?phpinclude ./include/Mysql.class.php;include ./libs/Smarty.class.php;$db=new Mysql;$smarty=new Smarty;$lists=$db->getALL(users);$smarty->assign(lists,$lists);$smarty->display(list.html); ?>2. list.html模板:内容结合JS aj...
这次给大家带来实现无刷新下拉联动的Ajax+Servlet（附代码），实现实现无刷新下拉联动的Ajax+Servlet的注意事项有哪些，下面就是实战案例，一起来看一下。下拉联动的功能可以说非常的常用，例如在选择省、市等信息的时候；或者在选择大类、小类的时候。总之，下拉联动很常用。今天就跟大家分享一个简单的二级下拉联动的功能。大类下拉框：页面加载的时候就初始化大类的下拉选项，通过后台代码去数据库里面取得数据（当然像省市这样...
这次给大家带来Ajax怎么实现下拉框无刷新联动，Ajax实现下拉框无刷新联动的注意事项有哪些，下面就是实战案例，一起来看一下。HTML代码：@{Layout = null; } @using DAL; @using System.Data; @{AreaDal areaDal = new AreaDal();string areaId = ViewBag.areaId;DataRow drArea = areaDal.GetArea(areaId);string countyId = drArea == null ? "-1" : drArea["countyId"].ToString();DataRow drCounty = areaDal.GetCounty(county...
项目中会经常用到AJAX无刷新上传图片，但是iframe上传和flash插件都是比较复杂的，所以就找了一个jquery的插件。下面通过实例代码给大家介绍使用jQuery ajaxupload插件实现无刷新上传文件功能，需要的朋友参考下吧，希望能帮助到大家。代码如下使用方法如下<script type="text/javascript"> $(function () { var button = $(#upload); new AjaxUpload(button, { action: /upload/imagesAjaxUpload, name: upload, onSubmit: functi...
这篇文章主要为大家详细介绍了简单实现Ajax无刷新分页效果的代码，具有一定的参考和学习ajax的价值，对ajax感兴趣的小伙伴们可以参考一下Ajax无刷新分页效果，如下代码实现<!doctype html> <html lang="en"> <head><meta charset="UTF-8"><title>Ajax无刷新分页效果</title><script type="text/javascript">function showpage(url) {var xhr = new XMLHttpRequest();xhr.onreadystatechange = function () {if (xhr.readyState == ...
这篇文章主要介绍了Ajax实现无刷新分页实例代码,非常不错，具有参考借鉴价值，对ajax感兴趣的朋友可以参考下Ajax实现无刷新分页实例代码这文章实现Ajax分页：如果可以的话加上查询条件找一张表做分页分页不使用page类页面不用刷新Ajax加载数据<!doctype html> <html lang="en"> <head><meta charset="UTF-8" /><title>Document</title><script src="jquery-1.11.2.min.js"></script> <style type="text/css"> .dangqian{ backgroun...