`
conkeyn
  • 浏览: 1522864 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

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[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面试题ajax面试题

    关于Ajax的常见面试题 1,Ajax和javascript的区别? javascript是一种在浏览器端执行的脚本语言,Ajax是一种创建交互式网页应用的开发技术 ,它是利用了一系列相关的技术其中就包括javascript。 Javascript是由...

    .netand Ajax面试题

    以下是一些关于.NET和AJAX面试题的详细解释,帮助你更好地理解和准备相关的面试。 1. **什么是.NET Framework?** .NET Framework是微软公司推出的一个全面的开发平台,它包括运行库(CLR,Common Language Runtime...

    AJAX面试题汇总

    ### AJAX面试题汇总知识点解析 #### 1. 什么是AJAX?为什么使用AJAX? - **定义**: AJAX(Asynchronous JavaScript and XML)是一种用于构建交互式网页应用的技术。它允许在不重新加载整个网页的情况下更新部分...

    一道关于Ajax、Jquery的面试题

    针对这道面试题,可能的问题方向包括: 1. **Ajax的基本工作原理**:解释Ajax是如何通过XMLHttpRequest对象实现异步通信的,涉及的步骤包括创建对象、打开连接、设置请求方法、发送请求、接收响应和处理数据。 2. ...

    JavaScript面试题阿里巴巴JavaScript面试题 阿里巴巴

    ### JavaScript面试题解析 #### 一、ES6的新语法 ES6(ECMAScript 6)是JavaScript语言标准的一个重要版本,它引入了许多新的特性和语法改进,旨在提高开发效率和代码可读性。以下是一些重要的新特性: 1. **let ...

    百度javascript前端面试题

    本文总结了百度前端JavaScript面试题,涵盖了多个知识点,包括左定右自适应布局、GetPosition方法、模拟fadeIn和fadeOut、call和apply的区别和应用场景、创建a标签点击弹出对应序号、Ajax的关键步骤和注意事项、页面...

    javascript的经典面试题汇总

    根据给定的信息,我们将深入分析并提取出与JavaScript面试题相关的知识点。 ### 一、单选题 #### 1. 以下哪条语句会产生运行错误: - **选项A**: `var obj = ();` - **解析**:在JavaScript中,括号`()`通常用于...

    AJAX常用面试题

    **AJAX(异步JavaScript和XML)**是一种...以上是关于AJAX的一些核心概念和常见面试题解答,这些知识点涵盖了AJAX的基本原理、应用场景及其与其他技术的关联。理解并掌握这些内容,对于理解和使用AJAX技术至关重要。

    JavaScript常见面试题共41页.pdf.zip

    这份名为“JavaScript常见面试题共41页.pdf”的压缩文件,显然包含了41页关于JavaScript面试的常见问题和解答,旨在帮助求职者准备技术面试。从标签“JavaScript常见面试题共”可以看出,它涵盖了JavaScript的基础...

    Ajax常见面试题Ajax常见面试题

    ### Ajax常见面试题详解 #### 1. AJAX应用与传统Web应用有何不同? 在传统的JavaScript编程中,要获取服务器端数据库或文件上的信息,或发送客户端信息到服务器,通常需要建立一个HTML表单(form),并通过GET或...

    javascript面试题汇总

    JavaScript面试题汇总涵盖了广泛的知识点,以下是其中一些关键点的详细说明: 1. **变量声明**:在JavaScript中,可以使用var关键字声明变量。在给定的题目中,选项A `( )` 是一个无效的声明,因为没有提供任何值,...

    Ajax面试题

    Ajax面试题详解 Ajax是近年来流行的一种技术,它允许浏览器与服务器进行通信,而无须刷新当前页面。下面是关于Ajax面试题的详解。 1. 富客户端和薄客户端 富客户端(Rich Client)是利用具有很强交互性的富客户端...

    javaEE+SSH2+FLEX+JQUERY+ajax面试题集合

    Ajax则是异步JavaScript和XML的缩写,它允许部分网页更新,无需刷新整个页面,提升了用户体验。 1. **JavaEE**:JavaEE平台提供了多种服务,如JNDI(Java命名和目录接口)用于查找资源,EJB(企业JavaBean)用于...

    javascript 的面试题

    ### JavaScript面试题解析 #### 一、单选题解析 **1. 以下哪条语句会产生运行错误** - **选项分析**: - A. `var obj=( );` 正确答案。圆括号 `()` 通常用于函数调用或者创建对象字面量时的包裹,此处使用空的圆...

    700道JavaScript习题及面试题(含答案)

    这700道JavaScript习题及面试题集合涵盖了JavaScript的基础语法、高级特性、DOM操作、BOM处理、Ajax、事件处理、函数、对象、闭包、原型链等多个方面,旨在帮助开发者深入理解和掌握JavaScript的精髓。 1. **基础...

    Ajax模拟面试试题

    以上就是关于Ajax面试题中涉及的一些核心知识点,包括XML的基础、DOM操作、XML Schema、DTD、XPath、XQuery、XSLT以及Asp.NET的XML处理和Web Service的理解。这些内容对于理解Ajax的工作原理和实际应用至关重要。在...

    100道ajax面试题

    ### AJAX面试知识点详解 #### 一、基本概念与原理 1. **AJAX的全称及含义:** AJAX是“Asynchronous JavaScript and XML”的缩写,意为“异步JavaScript和XML”。这是一种创建交互式网页应用的技术,允许网页不...

    75个JavaScript面试题集锦

    以下是一些基于给定面试题集锦的知识点详细说明: 1. **undefined 和 null 的区别**:`undefined` 表示变量已声明但未定义,而 `null` 是一个特殊值,表示一个空或无值的引用。 2. **&& 运算符**:它执行逻辑与...

Global site tag (gtag.js) - Google Analytics