• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >AJAX > 浅谈Ajax技术实现页面无刷新

浅谈Ajax技术实现页面无刷新

作者:sky_tao 字体:[增加 减小] 来源:互联网 时间:2017-05-11

sky_tao通过本文主要向大家介绍了浅谈Ajax技术实现页面无刷新等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

ajax (ajax开发)

AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。

AJAX = 异步 JavaScript和XML(标准通用标记语言的子集)。

AJAX 是一种用于创建快速动态网页的技术。

通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

传统的网页(不使用 AJAX)如果需要更新内容,必须重载整个网页页面。

现在一般网站都是用ajax来实现页面无刷新操作的。

什么是无刷新:ajax可以实现页面与后台的数据交互,用户完全感觉不出页面有任何的刷新,这就是AJAX的无刷新。

ajax方法实现:

可以对ajax进行一下封装,方便各个页面进行调用:

function MyAjax(type, url, callBack, data, dataType, asyncType)
{ 
if (dataType == null) { dataType = "text"; } 
if (asyncType == null) {asyncType = true; } 
$.ajax({ 
type: type, // post或者get 
url: url , //url最好加一个url+Math.random(),这样可以保证每次请求的页面被浏览器视为不同
data: data, //这里是要传递的参数,格式为 data: "{paraName:paraValue}" 
dataType: dataType, //string,xml,script,json,text
async:asyncType, //同步异步true /false 
error: function (XmlHttpRequest, xmlhttp, info) { 
}, 
success: function (result) { 
//回调函数,result,返回值 
callBack(result); 
}, 
}); }
</div>

调用:MyAjax('post',"url?id=" + id, DoOK);

说明:async:true表示异步。此方式是说当ajax发送请求后,在等待server端返回的这个过程中,前台会继续 执行ajax块后面的脚本,直到server端返回正 确的结果才会去执行success,相当于开了两个线程;false是同步,即前台会等待server端返回数据后再执行。

关于Ajax技术实现页面无刷新效果,小编就给大家介绍这么多,希望对大家有所帮助!

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 2017-05-11Django框架利用ajax实现批量导入数据功能
  • 2017-05-11强烈推荐 - Ajax 技术资源中心
  • 2017-05-11比较Ajax的三种实现及JSON解析
  • 2017-05-11强烈推荐-ajax开发者必看的文章第1/3页
  • 2017-05-11ajax jquery 异步表单验证示例代码
  • 2017-05-11ajax发表 读取 评论
  • 2017-05-11使用Ajax实时检测"用户名、邮箱等"是否已经存在
  • 2017-05-11Ajax留言本源码 提供下载了
  • 2017-05-11基于h5的history改善ajax列表请求体验
  • 2017-05-11Ajax异步请求JSon数据(图文详解)

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 简单介绍不用库(框架)自己写ajax
    • Ajax解决多余刷新的两种方法(总结)
    • JSP+Ajax 添加、删除多选框
    • ajax 服务器文本框自动填值
    • 使用Ajax进行文件与其他参数的上传功能(java开发)
    • ajax无刷新分页的简单实现
    • ajax 异步上传带进度条视频并提取缩略图
    • ajax 返回值自动添加pre标签的解决方法
    • 开始研究Ajax. 第一天
    • AJAX实践DWR篇

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有