Ajax常见面试题（一）

发布者: superzhang | 发布时间:2017-11-25

1、请写一段Javascript程序，对以下程序的用户输入日期的有效性进行判断，如果格式错误就提示用户。在程序的恰当位置注明怎样调用你写的程序。日期格式为：年年年年月月日日小时，例如2003010812。

<html>

<head>

<title>NewPage1</title>

</head>

<body>

<form method="POST" action="test.php"> <p>查询日期（yyyymmddhh）：<br>

从 <input type="text" name="DateFrom" size="20"><br>

到 <input type="text" name="DateTo" size="20"></p><p>

</p>

想读更多 ->

AJAX-服务器响应

发布者: superzhang | 发布时间:2017-11-25

AJAX-服务器响应

服务器响应

如需获得来自服务器的响应，请使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性。

属性描述responseText获得字符串形式的响应数据。responseXML获得 XML 形式的响应数据。

responseText 属性

如果来自服务器的响应并非 XML，请使用 responseText 属性。

responseText 属性返回字符串形式的响应，因此您可以这样使用：

AJAX-服务器响应

实例

document.getElementById("myDiv").innerHTML=xmlhttp.responseText;

respons

想读更多 ->

JavaScript之Ajax

发布者: superzhang | 发布时间:2017-11-25

2005年Jesse James Garrett 发表了一篇文章，标题为：“Ajax： A newApproach to WebApplications”。他在这篇文章里介绍了一种技术，用他的话说，就叫：Ajax，是 AsynchronousJavaScript + XML 的简写。这种技术能够想服务器请求额外的数据而无须卸载页面(即刷新) ，会带来更好的用户体验。一时间，席卷全球。

JavaScript之Ajax

一． XMLHttpRequest

Ajax 技术核心是 XMLHttpRequest 对象(简称 XHR)，这是由微软首先引入的一个特性，其他浏览器提供商后来都提供了相同的实现。XHR 的出现，提供了向服务器发送请求和解析服务器响应提供了流畅的接口。能够以异步方式从服务器获取更多的信息，这就意味着，用户只要触发某一事件，在不刷新网页的情况下，更新服务器最新的数据。

虽然 Ajax 中的 x 代表的是 XML，但 Ajax 通信和数据格式无关，也就是说这种技术不一定使用 XML。

想读更多 ->

Selenium+PhantomJS加载ajax数据

发布者: superzhang | 发布时间:2017-11-25

Selenium+PhantomJS加载ajax数据

如果您对相关知识有兴趣，欢迎加群（526929231）与大神一起共同学习交流

如今的网站有两种。一种是同步加载的。另一种是异步加载的，也即我们常说的用ajax。对于那种同步加载的网站，普通的爬虫程序轻轻松松的就能搞定。但是对于那种异步请求数据的网站，就不能走寻常路了。对于这种情况，通常的解决方案是使用selenimu+PhantomJS组合来完成。有的童鞋可能还不是很了解这两者之间的关系，接下来做个简单介绍：

selenium：是一个web的自动化测试工具，最初是为网站自动化测试而开发的.我们可以通过他使用代码来操作浏览器以及其中的网页元素。selenium支持绝大部分的浏览器，以及类似PhantomJS这种无界面的浏览器。

PhantomJS：是一个基于Webkit的“无界面”(headless)浏览器。他除了没有界面，其他功能跟普通浏览器是一样的。也正因为他没有界面，因此运行效率比普通浏览器要高。

想读更多 ->

与Ajax同样重要的jQuery

发布者: superzhang | 发布时间:2017-11-25

jQuery框架

jQuery 1.4 是企业主流版本，从jQuery1.6 开始引入大量新特性。最新版本 2.1.1，这里讲解以1.8.3为主(新版本主要是浏览器兼容问题以及新特性)

jQuery 提供 jquery-1.8.3.js 和 jquery-1.8.3.min.js

jquery-1.8.3.js jQuery框架源码，没有被精简，体积较大（主要用来研究 jQuery源码），企业开发时，需要导入 jquery-1.8.3.min.js （精简过）

1.jQuery程序快速入门

window.onload = function() {...}

等价于$(document).ready(function(){...});

①：jQuery基本使用

传统Js写法：

<scripttype="text/javascript">

window.onload=function(){

alert("传统JS，Ok");

}

</script>

jQuery写法：

<scripttype="text/javascript"src="../jquery-1.8.3.min

想读更多 ->

JQuery(AJAX)+SpringMVC的小例子

发布者: superzhang | 发布时间:2017-11-25

目录结构： JQuery(AJAX)+SpringMVC的小例子

JQuery(AJAX)+SpringMVC的小例子

jQuery ajax实现多级联动下拉框效果

js绑定：

引入jQuery 和 jquery.cascadeselect.js 两个文件

jQuery ajax实现多级联动下拉框效果

往后传递的参数：

Level 级联级别 1开始

ParentID 父级ID

后台页面两种情况：

1、省市区是一个表（表结构是Id,Name,ParentId）自连接查询的话，后台页面根据ParentId查询数据即可

2、省市区在不同的表，可一个更具 Level 级联级别分别查询数据，但是省市区返回数据实体得一样，也就是列名得一致

返回数据的格式：[{"

想读更多 ->

PHP的ajax优缺点江苏优就业

发布者: superzhang | 发布时间:2017-11-25

1.什么是AJAX?

AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），是一种创建交互式网页应用的网页开发技术。它使用：

使用XHTML+CSS来标准化呈现；

使用XML和XSLT进行数据交换及相关操作；

使用XMLHttpRequest对象与Web服务器进行异步数据通信；

使用Javascript操作Document Object Model进行动态显示及交互；

使用JavaScript绑定和处理所有数据。

PHP的ajax优缺点江苏优就业

PHP开发：http://www.ujiuye.com/zt/php/

2.与传统的web应用比较

传统的Web应用交互由用户触发一个HTTP请求到服务器,服务器对其进行处理后再返回一个新的HTHL页到客户端, 每当服务器处理客户端提交的请求时,客户都只能空闲等待,并且哪怕只是一次很

想读更多 ->

AJAX 简介

发布者: superzhang | 发布时间:2017-11-25

AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。

AJAX 简介

AJAX 是什么？

AJAX = Asynchronous JavaScript and XML.

AJAX 是一种用于创建快速动态网页的技术。

AJAX 通过在后台与服务器进行少量数据交换，使网页实现异步更新。这意味着可以在不重载整个页面的情况下，对网页的某些部分进行更新。

传统的网页（不使用 AJAX）如果需要更新内容，必须重载整个页面。

有很多使用 AJAX 的应用程序案例：Google Maps、Gmail、Youtube 和 Facebook。

AJAX 如何工作

AJAX 简介

AJAX 基于因特网标准

AJAX

想读更多 ->

Ajax与JS是亲兄弟，但如果你用JS的习惯来写Ajax,那么死了

发布者: superzhang | 发布时间:2017-11-25

一个经验不足的新手，很容易用js的思维习惯和风格来写ajax，一堆代码混杂在js中，不仔细研究还分不出来，跟高性能可维护这样的字眼毫不相关。为什么新手容易犯这样的错误？因为ajax和js是新兄弟，js的习惯会移植过来，没有从本质上认识到两者虽然是兄弟，长得相同，但是他们的操作有着天壤之别。

Ajax与JS是亲兄弟，但如果你用JS的习惯来写Ajax,那么死了

为什么说ajax和js是亲兄弟？

ajax的四大关键元素：

1)JavaScript

2)Css

3)DOM

4)XMLHttpRequest

js是ajax第一关键元素，是写就ajax的语言。因此它的优点也显现出来，不管你用什么样的服务器端语言，PHP、Java、 C#抑或VB.NET，都能完美的实现解耦。

</p><p><a href='internet/internet_228917.html'> 想读更多 -></a></p></div>
</div>
<div class=