AJAX 的介绍及封装

JavaScript015

AJAX 的介绍及封装,第1张

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调用,具体参数见

https://www.cnblogs.com/cvst/articles/5817916.html

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

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

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

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

我来回答这个问题:ajax是一个javascript的框架,其内容都是纯纯的javascript写出来的,所有你拿出几句代码是根本没法看的,因为都是javascript语句。

javascript是一种脚本语言吧,与后台通信是javascript能做的所有功能中的一个功能,有人专门写了这方面的所有方法,各种与后台通信的操作都写了,然后放在一块,就成了Ajax了,叫做异步的java  and  xml 技术。其实就是javascript了!

如图所示,比如说价格的计算,或者数量的添加减少等都用到ajax技术,不会影响其它内容,还是有输入用户名和密码的时候用到的校验都是用到了ajax技术,不会影响其它已输入内容的,如果不用ajax技术,那么就必须全页面刷新,其它数据又没有保存,就会丢失的!

ajax是用javaScript写出来的,但一般的js是不能跟后台交互的,但ajax是可以跟后台用异步的方式交互,实现页面的局布刷新,从而提高了用户体验度

javascript是一种语言,ajax是封装的javascript,底层也是javascript代码。只是在语法上有些不一样。JQuery也是.

两者都不能比较,应该这么说 Ajax(Asynchronous JavaScript and XML)是属于Javascript的一种

是Javascript中高级应用的一种