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[0].innerText;
ele.innerHTML += r4.innerHTML;
// /你要用ajax调后台的话就在这里写代码 后台就简单了 把username传到后台 写个sql就删了 或 添加了
// ////////////////////////////////////////
if (ele.id != '')
user.value = '用户' + username + '加入第' + ele.id + '组';
else
user.value = '用户' + username + '移出组';
// //////////////////////////////////////////
}
r4.style.display = 'none';
r4.innerHTML = '';
}
</script>
</head>
<body onmousemove='tuozhuai()' onmouseup=fang() >
<div id='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=user size=100 > </input>
<table border=1 width=100% height=100%>
<tr height=100% >
<td width=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% >
<table height=100% width=100% border=1>
<tr>
<td id=1>1 </td>
</tr>
<tr>
<td id=2>2 </td>
</tr>
<tr>
<td id=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/
分享到:
相关推荐
关于Ajax的常见面试题 1,Ajax和javascript的区别? javascript是一种在浏览器端执行的脚本语言,Ajax是一种创建交互式网页应用的开发技术 ,它是利用了一系列相关的技术其中就包括javascript。 Javascript是由...
以下是一些关于.NET和AJAX面试题的详细解释,帮助你更好地理解和准备相关的面试。 1. **什么是.NET Framework?** .NET Framework是微软公司推出的一个全面的开发平台,它包括运行库(CLR,Common Language Runtime...
### AJAX面试题汇总知识点解析 #### 1. 什么是AJAX?为什么使用AJAX? - **定义**: AJAX(Asynchronous JavaScript and XML)是一种用于构建交互式网页应用的技术。它允许在不重新加载整个网页的情况下更新部分...
针对这道面试题,可能的问题方向包括: 1. **Ajax的基本工作原理**:解释Ajax是如何通过XMLHttpRequest对象实现异步通信的,涉及的步骤包括创建对象、打开连接、设置请求方法、发送请求、接收响应和处理数据。 2. ...
### JavaScript面试题解析 #### 一、ES6的新语法 ES6(ECMAScript 6)是JavaScript语言标准的一个重要版本,它引入了许多新的特性和语法改进,旨在提高开发效率和代码可读性。以下是一些重要的新特性: 1. **let ...
本文总结了百度前端JavaScript面试题,涵盖了多个知识点,包括左定右自适应布局、GetPosition方法、模拟fadeIn和fadeOut、call和apply的区别和应用场景、创建a标签点击弹出对应序号、Ajax的关键步骤和注意事项、页面...
根据给定的信息,我们将深入分析并提取出与JavaScript面试题相关的知识点。 ### 一、单选题 #### 1. 以下哪条语句会产生运行错误: - **选项A**: `var obj = ();` - **解析**:在JavaScript中,括号`()`通常用于...
**AJAX(异步JavaScript和XML)**是一种...以上是关于AJAX的一些核心概念和常见面试题解答,这些知识点涵盖了AJAX的基本原理、应用场景及其与其他技术的关联。理解并掌握这些内容,对于理解和使用AJAX技术至关重要。
这份名为“JavaScript常见面试题共41页.pdf”的压缩文件,显然包含了41页关于JavaScript面试的常见问题和解答,旨在帮助求职者准备技术面试。从标签“JavaScript常见面试题共”可以看出,它涵盖了JavaScript的基础...
### Ajax常见面试题详解 #### 1. AJAX应用与传统Web应用有何不同? 在传统的JavaScript编程中,要获取服务器端数据库或文件上的信息,或发送客户端信息到服务器,通常需要建立一个HTML表单(form),并通过GET或...
JavaScript面试题汇总涵盖了广泛的知识点,以下是其中一些关键点的详细说明: 1. **变量声明**:在JavaScript中,可以使用var关键字声明变量。在给定的题目中,选项A `( )` 是一个无效的声明,因为没有提供任何值,...
Ajax面试题详解 Ajax是近年来流行的一种技术,它允许浏览器与服务器进行通信,而无须刷新当前页面。下面是关于Ajax面试题的详解。 1. 富客户端和薄客户端 富客户端(Rich Client)是利用具有很强交互性的富客户端...
Ajax则是异步JavaScript和XML的缩写,它允许部分网页更新,无需刷新整个页面,提升了用户体验。 1. **JavaEE**:JavaEE平台提供了多种服务,如JNDI(Java命名和目录接口)用于查找资源,EJB(企业JavaBean)用于...
### JavaScript面试题解析 #### 一、单选题解析 **1. 以下哪条语句会产生运行错误** - **选项分析**: - A. `var obj=( );` 正确答案。圆括号 `()` 通常用于函数调用或者创建对象字面量时的包裹,此处使用空的圆...
这700道JavaScript习题及面试题集合涵盖了JavaScript的基础语法、高级特性、DOM操作、BOM处理、Ajax、事件处理、函数、对象、闭包、原型链等多个方面,旨在帮助开发者深入理解和掌握JavaScript的精髓。 1. **基础...
以上就是关于Ajax面试题中涉及的一些核心知识点,包括XML的基础、DOM操作、XML Schema、DTD、XPath、XQuery、XSLT以及Asp.NET的XML处理和Web Service的理解。这些内容对于理解Ajax的工作原理和实际应用至关重要。在...
### AJAX面试知识点详解 #### 一、基本概念与原理 1. **AJAX的全称及含义:** AJAX是“Asynchronous JavaScript and XML”的缩写,意为“异步JavaScript和XML”。这是一种创建交互式网页应用的技术,允许网页不...
以下是一些基于给定面试题集锦的知识点详细说明: 1. **undefined 和 null 的区别**:`undefined` 表示变量已声明但未定义,而 `null` 是一个特殊值,表示一个空或无值的引用。 2. **&& 运算符**:它执行逻辑与...