ajaxwww

web开发中ajax的跨域和同域到底都是什么啊

ajax的跨域 就是 你在 本项目 去访问 本项搭慎目以外的 项目（action 或者页面）

比如你在本项目中 用ajax 访问 这就属于 跨域了

同判枝带域 就是 你在 本项目 访问 本项目（action 或者掘芦页面）

一分钟学会什么是Ajax及Ajax请求的五个步骤

AJAX的意思就是异步的JavaScript和XML。简而言之，它是使用XMLHttpRequest对象与服务器端通信的脚本语言。它可以发送及接收各种格式的信息，包括JSON、XML、HTML和文本文件。AJAX最为吸引人的就是它的“异步”特性，AJAX可以无需刷新页面而与服务器端进行通信。

Ajax请求的五个步骤：

1、建立xmlHttpRequest对象

if(window.XMLHttpRequest) {

xmlHttp = new XMLHttpRequest();

if(xmlHttp.overrideMimeType) {

xmlHttp.overrideMimeType("text/xml");

}

} else if(window.ActiveXobject) {

var activeName = ["MSXML2.XMLHTTP", "Microsoft.XMLHTTP"];

for(var i = 0; i activeName.length; i++) {

try {

xmlHttp = new ActiveXobject(activeName[i]);

break;

} catch(e) {}

}

}

if(!xmlHttp) {

alert("创建xmlhttprequest对象失败");

} else {}

2、设置回调函数

xmlHttp.onreadystatechange= callback;

function callback(){}

3、使用OPEN方法与服务器建立连接  xmlHttp.open("get","ajax?name="+ name,true)

此步注意设置http的请求方式（post/get）,如果是POST方式，注意设置请求头信息xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded")

4、向服务器端发送数据

xmlHttp.send(null)；如果是POST方式就不为空

5、在回调函数中针对亏局不同的响应状态进行处理

if(xmlHttp.readyState == 4){       //判断交互是否成功

if(xmlHttp.status == 200){         //获取服务器返回的数据     销困让    //获取纯文本数据

var responseText =xmlHttp.responseText;

document.getElementById("info").innerHTML = responseText;

}

}

扩展资料：

Ajax优缺点

优点：

1、异步请求，不妨碍用户浏览页面或者其他操作。

2、局部刷新，无需重新刷新页面。

3、界面与应用分离。有利于分工合作、减少非技术人员对页面的修改造成的WEB应用程序错误、提高效率、也更加适用于现在的尺蔽发布系统。

4、基于标准被广泛支持。

5、前端和后端负载平衡。最大程度的减少冗余请求和响应对服务器造成的负担，提升站点性能。

缺点：

1、back和History,对浏览器机制的破坏。

2、安全问题。易受到黑客攻击。

3、对搜索引擎支持较弱。

4、不能很好支持移动设备。

5、违背URL和资源定位的初衷。

AJAX是什么？

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

主要包含了以下几种技术：

Ajax（Asynchronous JavaScript + XML）的定义

基于web标准（standards-based presentation）XHTML+CSS的表示；

使用 DOM（Document Object Model）进行动态显示及交互；

使用 XML 和 XSLT 进行数据交换及相关操作；

使用 XMLHttpRequest 进行异步数据查询、检索；

使用 JavaScript 将所有的东西绑定在一起。英文参见Ajax的提出者Jesse James Garrett的原文a

类似于DHTML或LAMP，AJAX不是指一种单一的技术，而是有机地利用了一系列相关的技术。事实上，一些基于AJAX的“派生/合成”式（derivative/composite）的技术正在出现，如“AFLAX”。

AJAX的应用使用支持以上技术的web浏览器作为运行平台。这些浏览器目前包括：Mozilla、Firefox、Internet Explorer、Opera、Konqueror及Safari。但是Opera不支持XSL格式对象，也不支持XSLT。

与传统的web应用比较

传统的web应用允许用户填写表单(form)，当提交表单时就向web服务器发送一个请求。服务器接收并处理传来的表单，然后返回一个新的网页。这个做法浪费了许多带宽，因为在前后两个页面中的大部分HTML代码往往是相同的。由于每次应用的交互都需要向服务器发送请求，应用的响应时间就依赖于服务器的响应时间。这导致了用户界面的响应比本地应用慢得多。

与此不同，AJAX应用可以仅向服务器发送并取回必需的数据，它使用SOAP或其它一些基于灶困XML的web service接口，并在客户端采用JavaScript处理来自服务器的响应。因为在服务器和浏览器之间交换的数据大量减少，结果我们就能看到响应更快的应用。同时很多的处理工作可以在发出请求的客户端机器上完成，所以Web服务器的处理时间也减少了。

Ajax应用程序的优势在于：

1. 通过异步模式，提升了用户体验

2. 优化了浏览器和服务器之间的传输，减少不必要的数据往返，减少了带宽占用

3. Ajax引擎在客户端运行，承担了一部分本来由服务器承担的工作，从而减少了大用户量下的服务器负纳芹载。

===========================================

英文名称：Ajax

粤语译音：阿积士

成立时间：1900年3月18日

所在国家：荷兰

所在城市： 阿姆斯特丹

俱乐部教练：腾卡特(Ten cate)

主球场：阿姆斯特丹阿雷纳球场

主队服： 红百间条上衣

昵称：

联系地址：Arena Boulevard 29 1101 AX Amsterdam

官方网址：

俱乐部详细资料

就像西甲的皇家马德里一样，阿贾克斯是荷兰最久负盛名的球队。它的诞生是由一群志同道合的朋友在业余时间组成的，经过100多年的努力，该俱乐部以其漂亮和富有进攻力的打法举世闻名。阿贾克斯一共夺取过27次荷兰联赛的冠军和25次重要国际比赛的冠军，其中4次欧洲冠军杯。

1900年3月18日斯坦普、达德和里瑟有感于各个小俱乐部鱼龙混杂，管理混乱，在阿姆斯特丹号召人们成立了一个统一的足球俱乐部，从而也宣告了阿贾克斯一支伟大球队的诞生。

阿贾克斯成立至今，赢得了无数的奖杯和荣誉，他们曾在洞辩毕18/19赛季和95/96赛季两次以不败战绩捧得当年的联赛冠军。在1929－1939十年间，阿贾克斯迎来了该俱乐部历史上第一个辉煌时期，在这期间他们一共获得7次联盟冠军（地区性冠军）和5次荷兰联赛冠军。

在经历过近三十年的低迷后，70年代荷兰掀起了全攻全守足球的狂潮，这给后来的荷兰足球及世界足坛都带来了深远的影响。作为荷兰足球的代表阿贾克斯自然更是推崇备至。从1971年到1973年，阿贾克斯连续3年夺得欧洲冠军杯，成为继皇家马德里后第二支上演冠军杯帽子戏法的球队，同时他们也进入了历史上的第二个辉煌时期。

高潮过后，阿贾克斯的许多功勋球员或退休或离队，这直接导致了该队在70年代后期的持续低迷。但1981－1987年阿贾克斯又卷土重来了，他们3次夺得荷兰联赛和杯赛的双冠王。当时大名鼎鼎的克鲁伊夫和帮助AC米兰称霸欧洲的荷兰三剑客（古利特、范·巴斯滕和里杰卡尔德）都曾先后在阿贾克斯效力，他们为该队夺得无数荣誉立下了汗马功劳。

从1991年到1997年，一个名叫范加尔的荷兰人带领阿贾克斯又再次走向了高潮。而之前，人们对他一无所知，但很快他用一个又一个的奖杯证明了自己的实力。1995年5月24日，一支由里杰卡尔德、戴维斯、西多夫、克鲁伊维特和博格坎普组成的阿贾克斯在冠军杯决赛中击败了当时如日中天的AC米兰，第4次夺得欧洲冠军杯。此外，范加尔的球队还在93/94、94/95、95/96赛季三度称雄荷甲，91/92赛季夺得联盟杯冠军和92/93赛季夺得荷兰杯冠军等等，为阿贾克斯书写了光辉的一页。

天下没有不散的筵席，扬名立万后阿贾克斯队中的大牌球星们纷纷出国淘金。球队在经过短暂的阵痛后，又一批年轻球员成长了起来。他们夺得了01/02赛季荷甲联赛冠军，也在02/03赛季冠军杯中成功杀入8强，让人们重新看到了这支球队的希望。

阿贾克斯历来非常注重年轻球员的培养，他们很少购买国外球员，所依赖的都是自己的子弟兵，尽管这些子弟兵一旦成名后很快会被外国大俱乐部高薪挖走，但阿贾克斯凭借源源不断的强大后备力量依然屹立在欧洲一流强队的行列中。在刚刚结束的02/03赛季欧洲冠军杯1/4决赛上，由一群初出茅庐的小伙子组成的阿贾克斯把群星荟萃的AC米兰搞的狼狈不堪，后来夺冠的红黑军团只是幸运的凭借英扎吉的灵光一现才勉强过关。这支青年军能够杀进八强，引来了许多大俱乐部艳羡的目光，并足以使拜仁慕尼黑等强队汗颜。

尽管在02/03赛季他们仅以1分之差将联赛冠军让给了希丁克统率的埃因霍温，但他们的出色表现已引起了整个欧洲的注意。在即将来临的新赛季，无论阿贾克斯取得了多大的荣誉都不需要感到吃惊，因为他们是一支充满朝气，不可限量的青年军。

用jquery的ajax请求www.baidu.com，如何获取其返回的cookie

建议你了局清解一下 “同源策略” 所有绝腊渗javascript遵循同源策略，在一个域名下使用的javascript代并脊码不可能获取到另一个域下面的任何数据。

AJAX 的介绍及封装

ajax

1.什么是ajax

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

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

2.阻止ajax缓存才能实时更新

  ajax('aaa.txt？='+new Date().getTime(),//能够实时更新毕销不用刷新

function(str)

{

alert（str);

},

function()

{

  alert(’读取失败‘

})

3.提交方式

get：通过网址放到url里，安全性低，容量小  更适合于获取

post：http content ，容量大 更适合于给服务器上传

4.创建ajax

  1）创建ajax对象

  2） 链接到服务器

  3）发送请求

  4）接受返回值

function ajax(url, fnSucc, fnFaild)

{

//1.创建Ajax对象

if(window.XMLHttpRequest)

{

var oAjax=new XMLHttpRequest();

}

else

{

var oAjax=new ActiveXObject("Microsoft.XMLHTTP");

}

//手散游2.连接服务器

//open(方法, 文件名, 异步传输)

oAjax.open('GET', url, true);

//3.发送请求

oAjax.send();

//4.接收返回

oAjax.onreadystatechange=function ()

{

//oAjax.readyState //浏览器和服务器，进行到哪一步了

if(oAjax.readyState==4) //读取完成  

{

if(oAjax.status==200) //成功  atus：http状态码

{

fnSucc(oAjax.responseText);

}

else

{

if(fnFaild)

{

fnFaild(oAjax.status);

}

//alert('失败:'+oAjax.status);

}

}

};

}

在jquery中封装好了ajax给我们调用，用$.ajax调用，具体参数见

同时，今天练习了ajax与php分别用xml json 格式传输数据

用json的掘蠢时候有个地方太坑人了

就是key/value 中只能识别双引号，所以在js中最好也都用双引号

判断传输的数据是什么类型

Ajax概念

(异步的javascript和xml),ajax并不是一门新的技术，而是多种技术的组合（html,js,xml,css）用于快速的创建动态的网页，能够实现无刷新更新数据从而提高了用户体验

由客户端请求ajax引擎，在由ajax引擎请求服务器，服务器作出一系列的响应之后将结果返回给ajax引擎，由ajax引擎决定将这个结果写入到客户端的什么位置,从而实现了页面无刷新更新数纳猜据

XMLHttpReques

优点：能够减轻服务器的负担页面无刷新提高用户体验

缺点：不利于seo搜索引擎的优化

get和post是最常用的两种HTTP请求方法，前者用于获取数据，后者用于修改数据。来自 w3 的对比：

方法GET POST

后退按钮/刷新无害数据会被重新提交（浏览器应该告知用户数据会被重新提交）。

书签可收藏为书签不可收藏为书签

缓存能被缓存不能缓存

编码类型application/x-www-form-urlencodedapplication/x-www-form-urlencoded 或 multipart/form-data。为二进制数据使用多重编码。

历史参数保留在浏览器历史中。参数不会保存在浏览器历史中。

对数据长度的限制是的。当发送数据时，GET 方法向 URL 添加数据；URL 的长度是受限制的（URL 的最大长度是 2048 个字符）。无限制。

对数据类型的限制只允许 ASCII 字符。没有限制。也允许二进制数据。

安全性与 POST 相比，GET 的安全性较差，因为所发送的数据是 URL 的一部分。在发送密码或其他敏感信息时绝不要使用 GET ！POST 比 GET 更安全，因为参数不会被保存在浏览器历史或 web 服务器日志中。

可见性数据在 URL 中对所有人都是可见的。数据不会显示在 URL 中。

注：关于URL 的长度是受限制的这一点是不对的，HTTP协议并没有限制URI的长度，具体的长度是由浏览器和系统来约束的。

     // 1 .创建Ajax对象

        let xhr = new XMLHttpRequest();

        console.log(xhr.readyState); //0 初始值

        // 2明确请求地址和请求方式,初始化请求

        // 请求方式有四种： GET,POST,PUT,DELETE 常用的

        // 请求直至包括： 真实的后台接口， 本地的JSON文件， 注意： 支持本地JSON文件只支持GET

        xhr.open('GET'洞谨型, './stus.json')

        console.log(xhr.readyState); //1  发送请求

        //3 发送请求

        xhr.send()

       4.  // 设置请求头信息，定义Content-Type的格式

            // application/x-www-form-urlencoded表示参数数据的格式是url格式

            // xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded')

            // application/json表示参数数据的格式是json格式

            xhr.setRequestHeader('Content-Type','application/json')

        // 5 注册一个onreadystatechange，监听回传的值

        xhr.onreadystatechange = function() {

            //readyState读取状态值变为2，表示请求发送成功

            //readyState读取状态值变为3，表示服务器成功接收到请求并开始响应

            //readyState读取状态值变为4，表示服务器响应完成

            console.log(xhr.readyState);

            // 请求已经完成

   晌携         if (xhr.readyState === 4) {

                // status响应状态码：200表示成功，404表示资源不存在，500是服务器错误

                if (xhr.status === 200) {

                    // JSON.parse()方法，用于将JSON格式的字符串转为js对象

                    let date = JSON.parse(xhr.responseText)

                    console.log(date);

                }

            }

        }

以上内容为新媒号(sinv.com.cn)为大家提供！新媒号，坚持更新大家所需的前端知识。希望您喜欢！