Ajax 是啥? 如何创建一个Ajax?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Ajax 是啥? 如何创建一个Ajax?相关的知识,希望对你有一定的参考价值。
Ajax并不算是一种新的技术,全称是asychronous javascript andxml,可以说是已有技术的组合,主要用来实现客户端与服务器端的异步通信效果,实现页面的局部刷新,早期的浏览器并不能原生支持ajax,可以使用隐藏帧(iframe)方式变相实现异步效果,后来的浏览器提供了对ajax的原生支持
使用ajax原生方式发送请求主要通过XMLHttpRequest(标准浏览器)、ActiveXObject(IE浏览器)对象实现异步通信效果
基本步骤:
var xhr =null;//创建对象 if(window.XMLHttpRequest) xhr = new XMLHttpRequest();else xhr = new ActiveXObject("Microsoft.XMLHTTP"); xhr.open(“方式”,”地址”,”标志位”);//初始化请求 xhr.setRequestHeader(“”,””);//设置http头信息 xhr.onreadystatechange =function()//指定回调函数 xhr.send();//发送请求
js框架(jQuery/EXTJS等)提供的ajax API对原生的ajax进行了封装,熟悉了基础理论,再学习别的框架就会得心应手,好多都是换汤不换药的内容 。
by三人行慕课 参考技术A Ajax指的是页面的异步请求,常用语页面某一块的部分刷新内容,不需要整个页面重新加载,节省宽带节省流量,减轻压力。
创建Ajax的方式:
<script>
$(document).ready(function () //页面加载完成事件开始
$("button").click(function () //按钮被点击时运行函数
htmlobj = $.ajax(//用变量接受此Ajax方法返回的内容
type: "GET",//请求类型GET
url: "/jquery/test1.txt",//请求地址
data: ,//传递参数,注意GET的方式这里有数量限制,或者在路径后面问号带过去
dataType: "json",//传参数据类型:json
async: false,
success: function (data) //正确时返回的参数data
$("#myDiv").html(data);//把返回的参数写入id为myDiv的元素内
);
);
);
如果对您有帮助,请别忘记采纳哦!
AJAX技术是啥,和JS有啥区别?
AJAX就是“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术;
它不是一种语言,它算是一个多种语言共同协助的一个技术;
Ajax主要用于创建快速动态网页的技术;
通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新;
Javascript是一个开发语言,在使用ajax技术中,需要使用到它;
Ajax和javascript的区别就是,ajax是一种多技术的综合使用(其中包含了javascript),javascript只是一种脚本语言。
它不是一种语言,它算是一个多种语言共同协助的一个技术
Ajax主要用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
Javascript是一个开发语言,在使用ajax技术中,需要使用到它
Ajax和javascript的区别就是,,ajax是一种多技术的综合使用(其中包含了javascript),javascript只是一种脚本语言
以上是关于Ajax 是啥? 如何创建一个Ajax?的主要内容,如果未能解决你的问题,请参考以下文章