一个用户登录界面 使用ajax实现了页面无刷新。 请问是怎么实现的 ,用文字说明。

如题所述

Ajax就是局部刷新,以前的动态网页都是页面提交,然后整体刷新,一些已经解析到客户端的不需要在此从服务器端获取的数据都要再次获取生成,利用Ajax后,实现局部更新数据,局部提交,页面速度明显加快。最典型的一个Ajax例子就是你打开百度或者google的首页,当你在搜索框里输入关键字时,有一个下拉列表框会在搜索框下出现,列出相近的关键字,这就是最早使用的Ajax技术就是google suggestion 。你登陆界面网页实现Ajax,基本原理都是这样的,通过事件触发或者定义动作判断,Ajax一个特点就是数据更新时留言器下边状态栏没有刷新进度条,并且速度快。
温馨提示:内容为网友见解,仅供参考
第1个回答  2011-05-20
1)点击提交按钮调用包含ajax异步通迅的javascript代码;
2)通过异步通迅将登录信息提交到处理页,并处理登录
2)通过返回结果判断登录是否成功

ajax无刷新跳转页面
按着你的想法,倒是有一个方法可以试试,新定义个页面 test.html,通过 Iframe框架加载 first.html和second.html,然后默认设置 second.html处于的 Iframe不显示,display=none,然后点击按钮,让 first.html的 Iframe变成不显示 second.html处于的 Iframe显示 display=block 这样的话,页面会在加载 te...

AJAX实现页面无刷新绑定数据,textbox输入数据,失去焦点,绑定课程,如何...
我先说说思路,学号文本框焦点离开调用函数,函数中走ajax异步请求,后台用这个学号查询对应的课程,得到课程的id,然后在这个异步请求的成功回调函数中将查询出的课程id返回,让课程下拉框中value等于返回的课程id的option选项被选中。(Ajax的具体调用我就不赘述了) 1、首先,学号text的onblur调用个函数...

我要做一个ajax无刷新的网页,帮我看看我的思路正确不,谢谢大家。
■ 如果已经生成了zhaopin.html, 那么不需要通过ajax请求php, 直接用ajax请求这个html文件, 获取成功后直接插入到页面即可.如果使用jQuery, 那么只有一行代码,即:("#div").load("zhaopin.html");■ 问题是你不知道后台是否存在zhaopin.html, 那么ajax请求便可能出错. 所以还是请求一个php文件比较好, ...

关于ajax无刷新分页
你说的两种方法都有在用,这个要看你实际的数据量和jdbc架构了 直接查询所有书到页面上要求你的数据量不是很大,要不然首次加载就会很慢;而且如果在你浏览的同时其他用户对数据进行了修改就会出现数据不一致的现象;所以这个用的很少。每次翻页都进行查询的做法保证了一定程度数据的一致性,首次加载速度问题...

如何用ajax编写登录页面
这里我用ajax写一个简单的登录页面:首先用到的是数据库login的表:下面是登录页面的代码,首先要引入jquery包 无标题文档 \/*引入jquery包*\/登录页面用户名:密码:1112登录页面很简单,

小白求问,一个登录页面,实现使用jquery实现登录并页面跳转。 第一个...
这个问题其实挺简单的,看你第一个的说明 第一个:当用户密码或者用户名错误,页面无刷新提示。(可用ajax,已知!)其实第二个和第一个是一样的,如果正确,先完成传值的过程,然后再ajax 中通知前台成功了,然后就是一个页面重定向就可以了 ...

C#怎么样实现页面无刷新的效果
前台ajax代码:.post("url",{"name":"value","name1":"value1",...},function(data){ \/\/data是后台返回的数据,就是response.write();的数据 \/\/第一个引号里的url是你要把数据传给那个页面,xx.ashx \/\/第二个花括号里的name就是相当于就是这个name,是需要传给后台的,如果没有需要传的...

asp如何用ajax无刷新技术
企业信息管理系统_用户登录 <!-- body { margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;background-color: #016aa9;overflow:hidden;} .STYLE1 { color: #000000;font-size: 12px;} -->

如何实现不刷新页面,只重新加载js文件?
不刷新页面,重新加载js文件的方法有:通过js创建script标签,例如 var script = document.createElement("script");script.src = "test.js";document.body.appendChild(script);2.通过ajax实现无刷新加载,ajax的方法可以自己写,也可以引用,以下引用的是jquery的ajax .ajax({ type = "get", u...

ajax实现无刷新控件没有runat=server???
如果有runat=server,就一定会有刷新!刷新就是由于客户端和服务器端的行程造成的。AJAX就是用javascript来在客户端完成所需操作,而不需要返回服务器求得结果。

相似回答