首页 > 试题广场 >

Ajax是什么?Ajax的交互模型?同步和异步的区别?如何解

[问答题]
Ajax是什么?Ajax的交互模型?同步和异步的区别?如何解决跨域问题?
推荐
一、Ajax是什么? 1、Ajax全称asynchronous javascript and xml ,可以说是已有技术的组合。 2、主要用来实现客户端与服务器的异步通信效果,实现页面的局部刷新 3、ajax的实现过程 创建XMLHttpRequest对象,也就是创建一个异步调用对象 创建一个新的http请求,并指定该http请求的方法、URL以及验证信息 设置响应http请求状态变化的函数 发起http请求 获取异步调用返回的数据 使用javascript 和 dom 实现局部刷新 二、同步、异步的区别 同步:阻塞的 两人吃饭。一人忙,一人等 异步:非阻塞的 两人吃饭。一人忙,另一个不等 三、如何解决跨域问题? 理解跨域的概念:协议、域名、端口都相同是同源,否则都是跨域 解决:动态创建script标签,使用标签的src属性访问js文件的形式获取js脚本,并且这个js脚本中的内容是函数调用,该函数调用的参数是服务器返回的数据,为了获取这里的参数数据,需要事先在页面中定义回调函数,在回调函数中处理服务器返回的数据。
编辑于 2017-05-23 13:49:35 回复(2)
Ajax是多种技术组合起来的一种浏览器和服务器交互技术,基本思想是允许一个互联网浏览器向一个远程页面/服务做异步的http调用,并且用收到的数据来更新一个当前web页面而不必刷新整个页面。该技术能够改进客户端的体验。
同步:脚本会停留并等待服务器发送回复然后再继续
异步:脚本允许页面继续其进程并处理可能的回复

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

(1) document.domain+iframe

(2) 动态创建script标签

发表于 2017-08-17 23:39:26 回复(0)
问题1:Ajax是什么?
答:Ajax全称:Asychronous javascript and xml,是一种创建交互式网页应用网页开发技术。
问题2:Ajax的交互模型?
答:1,用户发出异步请求;
2,告诉XHR对象哪个函数会处理XHR对象状态的改变,为此要把对象的onReadyStateChange属性设置为响应该时间的JS函数的引用
3,创建请求,用open方法指定是 get 还是 post,是否异步,url地址;
4,发送请求,send方法;
5,接收结果并分析;
6,实现刷新;
问题3:同步和异步的区别?
同步现象:客户端向服务器发出请求后,在服务器发出响应前,客户端处于等待卡死状态;
异步现象:客户端向服务器发出请求后,不论服务器是否发出响应,客户端都可以做其他事情,如:Ajax;
问题4:如何解决跨域问题?
答:使用json,首先请求数据的一个问题在于同源策略的限定,同源就要满足同协议、同域名、同端口号,只有这样我们才可以进行获取数据,但是不同源就会出现问题,但是<script><img><iframe>这些具有src属性的标签都具有跨领域的能力,所以我们就可以利用这个来完成。json主要是在本地写好一个函数,然后动态创建script标签,标签中引入远程服务器的js文件,然后给url传递查询字符串,包括我们请求的内容和希望调用的函数,远程的js就会远程调用函数并且传入想要的数据。
发表于 2020-08-31 15:34:48 回复(0)

ajax主要实现客户端与服务端异步通信 实现页面局部更新

过程:

创建XMLHttpRequest对象 即异步调用对象

创建http请求 设置其方法 url 数据类型

设置响应http请求状态变化的函数

发送http请求

获取异步调用的数据 根据js和dom实现页面局部更新

同源:协议 域名 端口号相同 否则为跨域

解决跨域:jsonp document.domain+iframe cors websocket协议跨域等

编辑于 2019-06-06 20:00:46 回复(0)
Ajax 即“AsynchronousJavascriptAndXML”(异步JavaScript和 XML) 是指一种创建交互式网页应用的网页开发技术 Ajax = 异步JavaScript和XML(标准通用标记语言的子集) Ajax 是一种用于创建快速***页的技术 Ajax 是一种在无需重新加载整个网页的情况下 能够更新部分网页的技术 [1]通过在后台与服务器进行少量数据交换 Ajax 可以使网页实现异步更新 这意味着可以在不重新加载整个网页的情况下 对网页的某部分进行更新 传统的网页(不使用 Ajax)如果需要更新内容 必须重载整个网页页面 Ajax 在浏览器与 Web 服务器之间使用异步数据传输(HTTP 请求) 这样就可使网页从服务器请求少量的信息 而不是整个页面 Ajax可使因特网应用程序更小 更快 更友好 Ajax 是一种独立于 Web服务器软件的浏览器技术  Ajax 基于下列 Web 标准
编辑于 2019-05-01 23:54:34 回复(0)
Ajax是异步的javascript和xml   Ajax的交互使用的是浏览器的XMLHttpRequest,通过新建XMLHttpRequest,给出请求url,指明请求方式和数据及数据类型,得到局部响应,更改页面。

同步是必须等待,这个请求如果没有执行结束,那么就会形成阻塞;异步是发出请求后,仍可以做其他的事,结果返回时接收响应。

跨域问题的解决方式有三种:
1.使用域地址指定;
2.jsonp
3.Allow的头文件

发表于 2017-08-03 12:50:20 回复(0)
jsonp
发表于 2017-04-02 22:48:41 回复(0)
Ajax异步更新。页面小部分改变更新时,可以使用此方法请求后台数据,然后渲染在页面。 有get 和post两种方法,get传送数据小,不安全。发送大量数据用post方法。 关于跨域,ajax??不造了…
发表于 2016-12-31 12:04:19 回复(0)