Ajax 随笔

例子：实现AJAX效果（投票例子）

后端代码

前端代码

原理是使用HTTP状态码204的特性（请求成功，但是不会返回内容，所以浏览器不会进行跳转）

例子：实现AJAX效果（投票例子2）

前端代码

原理是利用img，script等标签加载内容的特性

例子：实现AJAX效果（注册例子）

前端代码

后端代码

原理是利用iframe特性，将表单的target指向iframe后，服务器打印出来的内容会输出在iframe中

AJAX（XMLHttpRequest对象）

例子：发送GET请求

通过XMLHttpRequest对象还可以获取到响应信息里的内容

例子：发送POST请求

AJAX返回值类型

在AJAX1.0版本中AJAX的返回类型只有text和xml这两种类型

服务端返回xml数据处理

(1) 服务器响应的xml数据

(2)对xml数据进行处理

(3)处理后的xml数据

服务端返回json数据处理

(1) 服务器响应的json数据

(2) 对json数据进行处理

(3) 处理后的json数据

跨域问题

什么是跨域，跨域就是浏览器为了安全而不让不同域名之间可以进行消息通信，例如：http://www.xxx1.com不能与http😕/www.xxx2.com进行通信，http://www.xxx.com/xxx1不能与http://www.xxx.com/xxx2进行通信。当然并不是完全不能跨域比如<a>，<script>，<link>，<img>标签就能进行跨域，从其他域名网站中获取到数据。有时候我们异步到其他网站进行数据通信，这时候我们就能使用jsonp来解决，jsonp并不是什么特殊的技术，而是通过<script>能够跨域的特性，发送数据到服务器，服务器处理完数据后，返回一段JavaScript代码，通过这段代码调用本地写好的回调函数。