- JavaScript/JQuery/Ajax常见面试 11-25
- AJAX-服务器 响应 11-25
- JavaScript之Ajax 11-25
- Selenium+PhantomJS加载ajax数据 11-25
- 与Ajax同样重要的jQuery 11-25
- JQuery(AJAX)+SpringMVC的小例子 11-25
- jQuery ajax实现多级联动下拉框效果 11-25
- PHP的ajax优缺点 江苏优就业 11-25
- AJAX 简介 11-25
- Ajax与JS是亲兄弟,但如果你用JS的习惯来写Aj 11-25
JavaScript/JQuery/Ajax常见面试题(一)
发布者: superzhang | 发布时间:2017-11-251、请写一段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>
<input type="submit" value="提交" name="submit1">
<input type="reset" value="重写" name="reset1">
</p>
AJAX-服务器 响应
发布者: superzhang | 发布时间:2017-11-25服务器响应
如需获得来自服务器的响应,请使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性。
属性描述responseText获得字符串形式的响应数据。responseXML获得 XML 形式的响应数据。responseText 属性
如果来自服务器的响应并非 XML,请使用 responseText 属性。
responseText 属性返回字符串形式的响应,因此您可以这样使用:
实例
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
respons
JavaScript之Ajax
发布者: superzhang | 发布时间:2017-11-252005年Jesse James Garrett 发表了一篇文章,标题为:“Ajax: A newApproach to WebApplications”。他在这篇文章里介绍了一种技术,用他的话说,就叫:Ajax,是 AsynchronousJavaScript + XML 的简写。这种技术能够想服务器请求额外的数据而无须卸载页面(即刷新) ,会带来更好的用户体验。一时间,席卷全球。
一. XMLHttpRequest
Ajax 技术核心是 XMLHttpRequest 对象(简称 XHR),这是由微软首先引入的一个特性 ,其他浏览器提供商后来都提供了相同的实现。XHR 的出现,提供了向服务器发送请求和解析服务器响应提供了流畅的接口。能够以异步方式从服务器获取更多的信息,这就意味着,用户只要触发某一事件,在不刷新网页的情况下,更新服务器最新的数据。
虽然 Ajax 中的 x 代表的是 XML,但 Ajax 通信和数据格式无关,也就是说这种技术不一定使用 XML。
Selenium+PhantomJS加载ajax数据
发布者: superzhang | 发布时间:2017-11-25如果您对相关知识有兴趣,欢迎加群(526929231)与大神一起共同学习交流
如今的网站有两种。一种是同步加载的。另一种是异步加载的,也即我们常说的用ajax。对于那种同步加载的网站,普通的爬虫程序轻轻松松的就能搞定。但是对于那种异步请求数据的网站,就不能走寻常路了。对于这种情况,通常的解决方案是使用selenimu+PhantomJS组合来完成。有的童鞋可能还不是很了解这两者之间的关系,接下来做个简单介绍:
selenium:是一个web的自动化测试工具,最初是为网站自动化测试而开发的.我们可以通过他使用代码来操作浏览器以及其中的网页元素。selenium支持绝大部分的浏览器,以及类似PhantomJS这种无界面的浏览器。
PhantomJS:是一个基于Webkit的“无界面”(headless)浏览器。他除了没有界面,其他功能跟普通浏览器是一样的。也正因为他没有界面,因此运行效率比普通浏览器要高。
P与Ajax同样重要的jQuery
发布者: superzhang | 发布时间:2017-11-25jQuery框架
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目录结构:
js绑定:
引入jQuery 和 jquery.cascadeselect.js 两个文件
往后传递的参数:
Level 级联级别 1开始
ParentID 父级ID
后台页面两种情况:
1、省市区是一个表(表结构是Id,Name,ParentId) 自连接查询的话,后台页面根据ParentId查询数据即可
2、省市区在不同的表,可一个更具 Level 级联级别分别查询数据,但是省市区返回数据实体得一样,也就是列名得一致
返回数据的格式:[{"
PHP的ajax优缺点 江苏优就业
发布者: superzhang | 发布时间:2017-11-251.什么是AJAX?
AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是一种创建交互式网页应用的网页开发技术。它使用:
使用XHTML+CSS来标准化呈现;
使用XML和XSLT进行数据交换及相关操作;
使用XMLHttpRequest对象与Web服务器进行异步数据通信;
使用Javascript操作Document Object Model进行动态显示及交互;
使用JavaScript绑定和处理所有数据。
PHP开发:http://www.ujiuye.com/zt/php/
2.与传统的web应用比较
传统的Web应用交互由用户触发一个HTTP请求到服务器,服务器对其进行处理后再返回一个新的HTHL页到客户端, 每当服务器处理客户端提交的请求时,客户都只能空闲等待,并且哪怕只是一次很
AJAX 简介
发布者: superzhang | 发布时间:2017-11-25AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。
AJAX 是什么?
AJAX = Asynchronous JavaScript and XML.
AJAX 是一种用于创建快速动态网页的技术。
AJAX 通过在后台与服务器进行少量数据交换,使网页实现异步更新。这意味着可以在不重载整个页面的情况下,对网页的某些部分进行更新。
传统的网页(不使用 AJAX)如果需要更新内容,必须重载整个页面。
有很多使用 AJAX 的应用程序案例:Google Maps、Gmail、Youtube 和 Facebook。
AJAX 如何工作
AJAX 基于因特网标准
AJAX
Ajax与JS是亲兄弟,但如果你用JS的习惯来写Ajax,那么死了
发布者: superzhang | 发布时间:2017-11-25一个经验不足的新手,很容易用js的思维习惯和风格来写ajax,一堆代码混杂在js中,不仔细研究还分不出来,跟高性能可维护这样的字眼毫不相关。为什么新手容易犯这样的错误?因为ajax和js是新兄弟,js的习惯会移植过来,没有从本质上认识到两者虽然是兄弟,长得相同,但是他们的操作有着天壤之别。
为什么说ajax和js是亲兄弟?
ajax的四大关键元素:
1)JavaScript
2)Css
3)DOM
4)XMLHttpRequest
js是ajax第一关键元素,是写就ajax的语言。因此它的优点也显现出来,不管你用什么样的服务器端语言,PHP、Java、 C#抑或VB.NET,都能完美的实现解耦。
