ajax 、ajax的交互模型、如何解决跨域问题

(https://www.cnblogs.com/weilantiankong/p/4718145.html)

1、ajax是什么？

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

— 不是一种新技术，是如下几种技术的组合应用：

• 基于web标准（standards-basedpresentation）XHTML+CSS的表示；
• 使用 DOM（DocumentObject Model）进行动态显示及交互；
• 使用 XML 和 XSLT 进行数据交换及相关操作；
• 使用 XMLHttpRequest 进行异步数据查询、检索；
• 使用 JavaScript将所有的东西绑定在一起。

— Ajax本质上是一个浏览器端的技术。

2、请描述ajax的交互模型。

image

浏览器的普通交互方式

image

浏览器的Ajax交互方式

image

以上摘自http://blog.csdn.net/chenmoquan/article/details/38560649

3、怎么解决跨域问题

在AJAX应用环境中，由于安全的原因，浏览器不允许XMLHttpRequest组件请求跨域资源。在很多情况下，这个限制给我来带来的诸多不 便。很多同行，研究了各种各样的解决方案：

1. 通过修改document.domain和隐藏的IFrame来实现跨域请求。这种方案可能是最简单的一种跨域请求的方案，但是它同样是一种限制最大的方 案。首先，它只能实现在同一个顶级域名下的跨域请求；另外，当在一个页面中还包含有其它的IFrame时，可能还会产生安全性异常，拒绝访问。

2.通过请求当前域 的代理，由服务器 代理去访问另一个域的资源。XMLHttpRequest通过请求本域内的一个服务器资源 ，将要访问的目标资源提供给服务器，交由服务器 去代理访问目标资源。这种方案，可以实现完全的跨域访问，但是开发，请求过程的消费会比较大。

3. 通过HTML中可以请求跨域资源的标签引用来达到目的，比如Image,Script,LINK这些标签。在这些标签中，Script无疑是最合适的。在 请求每一个脚本资源时，浏览器都会去解析并运行脚本文件内定义的函数，或需要马上执行的JavaScript代码，我们可以通过服务器返回一段脚本或 JSON对象，在浏览器解析执行，从而达到跨域请求的目的。使用script标签来实现跨域请求，只能使用get方法请求服务器资源。

以上内容摘自：利用 script标签实现的跨域名AJAX请求（ExtJS）