你的位置:首页 > 软件开发 > Java > ajax基本用法

ajax基本用法

发布时间:2016-06-20 19:00:36
ajax能做到无刷新数据交互,给用户体验带来好处的同时也减小了服务器的压力,所以运用ajax能使网站性能更强劲、更吸引用户。大型网站少不了注册页面,而大多数情况下我们不想让用户有相同的注册ID,所以在用户注册成功之前必须进行用户名的检测。ajax还未出现之前,验证方法基本上是待用 ...

ajax能做到无刷新数据交互,给用户体验带来好处的同时也减小了服务器的压力,所以运用ajax能使网站性能更强劲、更吸引用户。

大型网站少不了注册页面,而大多数情况下我们不想让用户有相同的注册ID,所以在用户注册成功之前必须进行用户名的检测。ajax还未出现之前,验证方法基本上是待用户填完所有选项之后提交到后台,如果已经有相同ID,则返回提示信息给用户,这样的话表单submit之后页面后刷新,而用户填的其他信息页就白费了,还得重新填一遍。

ajax完美的解决了这个问题,用户填完用户名马上检测是否已被注册。下面截取几个网站的用户名检测:

淘宝网:百度:微博:

函数get

1

第二步:创建请求机制:(建立与服务器端的通信接口

ajax请求方式有两种:get和post,下面分别介绍如何建立连接以及它们之间的区别。

◆ get 方式请求格式:

1

其中open方法的三个参数解释:

1、请求方式:get / post :

◆post 方式请求格式:

1

最后说明get和post在形式上和性能上的差异:

▪ post传输数据时,不需要在URL中显示出来,而get方法要在URL中显示。

此时前端的处理函数callback为:

1

JSON格式的处理方式:

此时对应于服务器端的process.php文件大致为:

1

此时前端的处理函数callback为:

1

此时对应于服务器端的process.php文件大致为:

1

此时前端的处理函数callback为:

1

至此,ajax的小小案例已经算是做完了,您可以在线测试一下:ajax用户名检测DEMO(不可用的用户名为:tangbc、admin)


原标题:ajax基本用法

关键词:ajax

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。