JavaScript之Ajax

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

一． XMLHttpRequest

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

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

想读更多 ->

Selenium+PhantomJS加载ajax数据

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

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

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

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

想读更多 ->

与Ajax同样重要的jQuery

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的小例子

目录结构：

js绑定：

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

往后传递的参数：

Level 级联级别 1开始

ParentID 父级ID

后台页面两种情况：

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

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

返回数据的格式：[{"

想读更多 ->

PHP的ajax优缺点 江苏优就业

1.什么是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 简介

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

AJAX 是什么？

AJAX = Asynchronous JavaScript and XML.

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

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

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

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

AJAX 如何工作

AJAX 基于因特网标准

AJAX

想读更多 ->

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

一个经验不足的新手，很容易用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，都能完美的实现解耦。

直接上代码javascript跨域请求jsonp

jsonp只能发送get请求

//url请求地址 data参数 ck回调函数

function JSONP（url,data,ck）{ //拼接参数 function dataPrame(d){ var str='?callback=callback'; for(var a in d){ str+=a+'='+d[a]+'&'; } return str.substring(0,str.length-1); } var oHead=document.getElementsByTagName('head')[0]; var create=document.createElement('script'); create.setAttribute('src',url+dataPrame(data))； oHead.appendChild(create); oHead.removeChild(create); window.cal

想读更多 ->

AJAX同步与异步的使用

网上促销活动，需要充值换取相应的抽奖资格，抽奖可以获得丰厚的礼品，而且抽奖资格门槛有点高，领导下达命令保证活动的正常上线与运行，领导很重视，就这样，在领导的安排下进行了相关活动的coding。。。

正文

开发过程倒还顺利，只是转盘抽奖耽误了点时间，不过最后还是正常制作完毕，相关测试人员也进行了测试，活动上线开始倒计时，心里有那么点忐忑。

果不其然，活动上线2分钟，一个玩家在没有任何充值，而且抽奖资格也是0的情况下，抽了5,6次，都获得了比较给力的礼品，这是查看数据库记录得到的结果，由于活动上线会随时关注，便及时发现了这个问题，再看抽奖资格为-6，我了个去，明明在抽奖之前就已经做了验证，不可能是抽奖验证出了问题，估计是充值接口的问题，于是让同事再查看一下充值接口，结果没有任何问题，其实用脑袋想想也知道，不可能是充值接口的问题，因为玩家根本一毛钱也没冲，就和充值接口的一毛钱关系也没有，好吧，那么问题来了。。。是不是验证出现问题了？

翻看代码，设置断点

进入方法之后，走了741行，再进行下一步，直接执行到了754行，我去，什么情况，这样result的值就成了null了，后面的判断也就不起作用了；

就这样调试了N遍，后台ashx文件也查看了，如果是后台ashx程序有问题，那么应该走error，但是没有走，这就说明

想读更多 ->