`

AJAX是什么? AJAX的交互模型(流程)? AJAX跨域的解决办法?

 
阅读更多
1、什么是 AJAX ?

AJAX = 异步 JavaScript 和 XML。

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

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

传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。


2、AJAX交互模型

同步:脚本会停留并等待服务器发送回复然后再继续

  异步:脚本允许页面继续其进程并处理可能的回复

ps(交互模型就是Ajax在Browser端引入一个执行引擎,它一边应付user的请求,一边把某些必须交给服务器处理的东西背地里传送给服务器,同时背地里把结果准备好(接受服务器端的数据),展现给客户的技术模式。Ajax增强了用户的操作性。

而同步就是整个页面都刷新,异步就是只刷新用了Ajax技术的部分)

3、跨域问题简单的理解就是因为JS同源策略的限制,a.com域名下的JS无法操作b.com或c.a.com下的对象,具体场景如下:

PS:(1)如果是端口或者协议造成的跨域问题前端是无能为力的

  (2) 在跨域问题上,域仅仅通过URL的首部来识别而不会尝试判断相同的IP地址对应的域或者两个域是否对应一个IP

  前端对于跨域的解决办法:

  (1) document.domain+iframe

  (2) 动态创建script标签


来源:http://blog.sina.com.cn/s/blog_49fa034d0101gg49.html
分享到:
评论

相关推荐

    Ajax跨域传输参数

    如果想做到数据的交互,那么www.aa.com和book.aa.com必须由你来开发才可以。可以将book.aa.com用iframe添加到 www.aa.com的某个页面下,在www.aa.com和iframe里面都加上document.domain = "aa.com",这样就可以统一域...

    什么是Ajax?Ajax如何发送请求(详)源码

    什么是Ajax?Ajax如何发送请求? 原文章: https://blog.csdn.net/weixin_52203618/article/details/131324686 Ajax 是 Asynchronous Javascript And XML 的缩写,它是异步的 Javascript 和 XML技术,是由 Javascript...

    html通过 ajax jsonp跨域请求接收和传送数据

    html通过 ajax jsonp跨域请求接收和传送数据 使用HTML页面与后台跨域交互,获得后台数据或传输数据给后台

    jsonp json ajax跨域调用

    说到AJAX就会不可避免的面临两个问题,第一个是AJAX以何种格式来交换数据?第二个是跨域的需求如何解决?这两个问题目前都有不同的解决方案,比如数据可以用自定义字符串或者用XML来描述,跨域可以通过服务器端代理...

    AJAXCDR:利用 Flash 完美解决 JavaScript 和 AJAX 跨域 HTTP POST/GET 表单请求

    JavaScript 和 AJAX 跨域访问分为两大类,一是本域和子域的交互,二是本域和其他域的交互。  一、本域和子域的交互:www.s135.com 和 blog.s135.com  二、本域和其他域的交互:blog.s135.com 和 api.bz  本域和...

    有关Ajax跨域问题的两种解决方法

    ajax本身实际上是通过XMLHttpRequest对象来进行数据的交互,而浏览器出于安全考虑,不允许js代码进行跨域操作,会警告,所以才出现ajax跨域的问题。

    ASP.Net WebAPI与Ajax进行跨域数据交互时Cookies数据的传递

    今天就来讨论一下其中之一的问题,WebAPI与前端Ajax 进行跨域数据交互时,由于都在不同的二级域名下(一级域名相同),导致Cookies数据无法获取。 最开始通过头部(Header)将Cookies传输到其WebAPI,也能解决问题。...

    JQuery Ajax 跨域访问的解决方案

    我们知道ajax本身实际上是通过XMLHttpRequest对象来异步进行数据的交互,而浏览器出于安全考虑,不允许js代码进行跨域操作,所以js跨域操作会被拒绝。

    Javaweb使用cors完成跨域ajax数据交互

    本文由跨域、cors的概念开始,进而向大家介绍了Javaweb使用cors完成跨域ajax数据交互的相关内容,需要的朋友可以了解下。

    Ajax 跨域如何实现

    AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。 AJAX = 异步 JavaScript和XML(标准通用标记语言的子集)。 AJAX 是一种用于创建快速动态网页的...

    Java web ajax-getjson跨域操作.docx

    Java web 解决跨域实现数据的获取以及一系列操作。利用ajax和getJson实现数据交互。

    关于iframe跨域POST提交的方法示例

    以前在面试的时候经常遇到问关于跨域的事儿,所以自己对跨域有一定的概念性了解,知道什么是跨域以及解决跨域的方法,但是具体实际从来没有操作过,直到最近在公司项目中,遇到了一个需要使iframe跨域进行POST提交的...

    详解js的延迟对象、跨域、模板引擎、弹出层、AJAX【附实例下载】

    目录 一、AJAX示例 1.1、优点 1.2、缺点 1.3、jQuery AJAX示例 二、延迟对象(Deferred) 2.1、回调函数 ...AJAX全称为“Asynchronous JavaScript And XML”(异步JavaScript和XML) 是指一种创建交互式网

    jquery的ajax和getJson跨域获取json数据的实现方法

    很多开发人员在使用jquery在前端和服务器端进行数据交互,所以很容易会认为在前端利用jquery就可以读取任何站点的数据了。近日在进行开 发时,因为要和第三方公司的一个项目进行数据的共享,因为考虑多不占用服务器...

    PHP下ajax跨域的解决方案之jsonp实例分析

    本文实例讲述了PHP下ajax跨域的解决方案之jsonp。分享给大家供大家参考,具体如下: 首先要说明一下json和jsonp的区别? json是一种基于文本的数据交换方式,或者叫做描述数据的一种格式。 var person = { "name":...

    javascript和jQuery中的AJAX技术详解【包含AJAX各种跨域技术】

    1.什么是AJAX? AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着...

    aJaj详细使用文档,和ajax类似,但可跨域访问

    这个技术可以实现类ajax的无刷新交互,但他能够跨域。 其原理是动态创建一个script标签,然后把src属性指向到异域的url,然后异域返回的数据里调用本地的javacript方法,进行数据处理。 这样就可以很好的跨域了。

    在Ajax中使用Flash实现跨域数据读取的实现方法

    Ajax的跨域操作一直是一个难题,现目前主要的解决方法主要有: 1、JSONP(需要在服务器端支持) 2、IFrame(仅能在子域间操作) 3、页面代理(这个有点万能) 4、Access-Control-Allow-Origin(新版浏览器支持,需要...

Global site tag (gtag.js) - Google Analytics