javascript ajax 面试题集
1、写一段Ajax程序，页面左方是一个用户列表，页面右方是三个用户分组，可以通过拖拽用户，将用户分配到不同的组，一个用户只可以属于一个分组，或不属于任何分组。一个用户必需且仅可以在页面上出现一次。最后可以把结果提交到服务器端。<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>Insert title here </title><script type="text/javascript">// div拖拽function tuozhuai() {r4.style.top = event.clientY - DragDiv_orgY;r4.style.left = event.clientX - DragDiv_orgX;}var DragDiv_orgY = 0;var DragDiv_orgX = 0;// 现实影子function show() {var ele = event.srcElement;r4.innerHTML = ele.outerHTML;ele.parentElement.removeChild(ele);DragDiv_orgX = -1;DragDiv_orgY = -1;r4.style.top = event.y - DragDiv_orgY;r4.style.left = event.x - DragDiv_orgX;r4.style.display = '';}// 放入左边function fang() {var ele = event.srcElement;var username = '';if (r4.style.display == '') {while (ele.tagName != 'TD') {ele = ele.parentElement;}username = r4.children.innerText;ele.innerHTML += r4.innerHTML;// /你要用ajax调后台的话就在这里写代码 后台就简单了 把username传到后台 写个sql就删了 或 添加了// ////////////////////////////////////////if (ele.id != '')user.value = '用户' + username + '加入第' + ele.id + '组';elseuser.value = '用户' + username + '移出组';// //////////////////////////////////////////}r4.style.display = 'none';r4.innerHTML = '';}</script></head><bodyonmousemove='tuozhuai()'onmouseup=fang() ><divid='r4'style="display:none;position: absolute;top:150px;left:40px; z-index:1002;filter: alpha(opacity=50);border:1 #999999 solid; word-break:break-all;"> </div><input id=usersize=100> </input><table border=1 width=100% height=100%> <trheight=100%> <tdwidth=50%> <div border=1 onmousedown='show()' >user11111111111111111111111111 </div> <div border=1 onmousedown='show()'>user2222222222222222222222222222 </div> <div border=1 onmousedown='show()'>user3333333333333333333333333 </div> <div border=1 onmousedown='show()'>user4444444444444444444444444 </div> </td> <td width=50%> <tableheight=100%width=100%border=1> <tr> <tdid=1>1 </td> </tr> <tr> <tdid=2>2 </td> </tr> <tr> <tdid=3>3 </td> </tr> </table> </td> </tr></table></body></html>
2、介绍一下XMLHttpRequest对象
通过XMLHttpRequest对象，Web开发人员可以在页面加载以后进行页面的局部更新。
AJAX开始流行始于Google在2005年使用的”Google Suggest”。
“Google Suggest”就是使用XMLHttpRequest对象来创建动态的Web接口：
当用户开始输入google的搜索框，Javascript发送用户输入的字符到服务器，然后服务器返回一个建议列表。
XMLHttpRequest对象在IE5.0+, Safari 1.2, Mozilla 1.0/Firefox, Opera 8+ 和NetScapt7 开始被支持。
IT公司面试题集。。。。http://www.mianwww.com/
页:
[1]