标签:use 表单元素 article 缺点 动作 sub document 技术 javascrip
AJAX(Asynchronous Javascript And XML)翻译成中文就是“异步Javascript和XML”。即使用Javascript语言与服务器进行异步交互,传输的数据为XML(当然,传输的数据不只是XML)。
AJAX除了异步的特点外,还有一个就是:浏览器页面局部刷新;(这一特点给用户的感受是在不知不觉中完成请求和响应过程)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> window.onload = function() {//当文档加载完毕时执行本函数 var form = document.getElementById("form1");//获取表单元素对象 form.onsubmit = function() {//给表单元素添加一个监听,监听表单被提交事件 var usernameValue = form.username.value;//获取表单中名为username的表单元素值 if(!usernameValue) {//判断该值是否为空 var usernameSpan = document.getElementById("usernameSpan");//得到usernmae元素后的<span>元素 usernameSpan.innerText = "用户名不能为空!";//设置span元素内容! return false;//返回false,表示拦截了表单提交动作 } return true;//不拦截表单提交动作 }; }; </script> </head> <body> <h1>注册页面</h1> <form action="" method="post" id="form1"> 用户名:<input type="text" name="username"/> <span id="usernameSpan"></span> <br/> 密 码:<input type="password" name="password"/> <span id="passwordSpan"></span> <br/> <input type="submit" value="注册"/> </form> </body> </html> js实现的局部刷新
标签:use 表单元素 article 缺点 动作 sub document 技术 javascrip
原文地址:http://www.cnblogs.com/Mjonj/p/7700062.html