网站开发时,ajax是一个非常方便的工具,它具有和表单相同的功能完成前端和后台之间的交互!它起到局部刷新的功能!那什么时候用ajax呢?下面给大家介绍几个实例,首先应该分为两类:

 一、在用表单和ajax都可以完成某个功能时,只是使用ajax更加的快速、方便。

1,在网站文章下面的评论上面使用ajax!它在用户提交评论时利用ajax将内容传到后台,在将后台的数据利用js传输出来并显示到页面。这个过程只是刷新了页面的评论模块,文章等其他内容没有刷新,这样比表单的速度不是快了许多么?

2,局部翻页可以使用ajax,比如当文章评论多了的时候我们需要分页那么我们可以用ajax,跟上面道理一样他只刷新了页面的评论并没有刷新文章从而提高了速度!

    二、有些功能表单无法实现,只能使用ajax!

1,大家看下面这个搜索功能

如果我利用表单去提交搜索商品的信息,之后再将数据传输出来!那样会造成一个问题,就是用户在刷新的时候它不能返回到原来的页面还是保持你搜索商品的页面,这个只有用ajax来完成!

2,当用户注册时校验用户名是否存在!这个就是获取用户鼠标离开注册框的事件后将用户的账号提交到后台验证,然后根据校验情况再返回到前台信息,这个表单是不能做到的!当然你可以在用户提交全部注册信息的时候再校验,这样可以用表单不过用户体验不好!

3,我们可以用ajax来代替iframe框架!这个很简单就不多说啦!

 最后,在使用ajax的时候要注意几点:

    第一,如何将php数据转化为js数组大家可以看看我的别一篇文章,将php数组转js数组,js如何接收PHP数组,json的用法

第二,当用ajax在页面上添加或者修改内容时,普通jQuery获取对象的方法是无效的,这时候可以使用live()或者on()方法,jQuery获取动态添加的元素,live和on的区别

  本文来源于王业楼的个人博客 本文地址:http://www.ly89.cn/detailB/50.html

  欢迎分享本文,转载请注明本文出处和地址

最新文章

  1. float---浮动带来的影响与清除浮动带来的影响方法----在路上(20)
  2. 欢迎来到Joyful Physics博客
  3. 十个免费的web应用安全检测工具
  4. Chapter 5: Design and implement security
  5. beetle.express针对websocket的高性能处理
  6. 使用Unity3D Asset Server进行联合开发和版本控制
  7. Tunna内网转发
  8. ASMCMD命令
  9. CUDA获取显卡数据
  10. [Python笔记]第二篇:运算符、基本数据类型
  11. Mac下如何不借助第三方工具实现NTFS分区的可写挂载
  12. 【转】Linux內核驅動之GPIO子系統(一)GPIO的使用 _蝸牛
  13. MFC界面开发(QQ透明皮肤:多层算法,一键适配各种背景 )
  14. Page visibility 页面可见性
  15. 最简单的基于FFmpeg的libswscale的示例(YUV转RGB)
  16. 关于PCB开窗
  17. jquery photoClip支持手机端,PC端 本地裁剪图片后上传插件
  18. sqlalchemy学习-- 重要参数
  19. select样式
  20. 如何使用 JMeter 调用你的 Restful Web Service?进行简单的压力测试和自动化测试

热门文章

  1. Python 添加模块
  2. 3年,阅读量100万+, Github Star 15000+
  3. Chapter 18 MySQL NDB Cluster 7.3 and NDB Cluster 7.4渣翻
  4. angularjs $state.go页面不刷新数据
  5. 最简实例演示asp.net5中用户认证和授权(4)
  6. JavaSE_4_集合
  7. [转] Adobe acrobat 破解教程
  8. openstack RuntimeError: Unable to create a new session key. It is likely that the cache
  9. Android多媒体框架总结(1) - 利用MediaMuxer合成音视频数据流程分析
  10. IOS view拖拽(触摸事件)