Ajax 是什么? 如何创建一个Ajax？

Question

如题所述

Answer 1

Ajax并不算是一种新的技术，全称是asychronous javascript and
xml，可以说是已有技术的组合，主要用来实现客户端与服务器端的异步通信效果，实现页面的局部刷新，早期的浏览器并不能原生支持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三人行慕课

Answer 2

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的元素内
}
});
});
});
如果对您有帮助，请别忘记采纳哦！