Ajax(若有问题,谢谢改正哦~)

    科技2026-01-16  8

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

    javascript

    var xml = new XMLHttpRequest();//创建对象 xml.open(请求方法,请求url,是否异步);//与服务器建立链接 (如果请求方式是POST,要添加请求头xml.getRequestHeader("content-type","application/x-www-form-urlencoded")) xml.send();//发送请求(POST在此处可以添加参数) xml.onreadystatechange = function(){ if(xml.status == 200&&readystate == 4){ console.log(xml.responseText); } }

    参数:

    statusreadystate200:请求成功 404:未找到页面0:请求为初始化 /1:与服务器建立已连接 / 2:请求已接收 / 3:请求处理中 /4:请求已处理,且响应已就绪

    jquery

    //规范 $.ajax({ url //请求的url地址 dataType:"json", //返回格式为json async:true,//请求是否异步,默认为异步,这也是ajax重要特性 data:{"id":"value"}, //参数值 type:"post", //请求方式 beforeSend:function(){ //请求前的处理 }, success:function(req){ //请求成功时处理 }, complete:function(){ //请求完成的处理 }, error:function(){ //请求出错处理 } }); //简化 $.ajax({ type data url dataType success:function(res){} })//默认异步

    对重复的请求会发生自动缓存 阻止缓存:url+new Data().getTime();//是每次提交得到的地址不同

    优点: 无刷新更新页面 异步与服务器通信 前端和后端负载平衡 基于标准被广泛支持 界面与应用分离(数据与呈现分离)

    缺点: Ajax干掉了back和history,即对浏览器机制进行了破坏 Ajax的安全问题 对搜索引擎支持较弱 Ajax不能很好的支持移动设备

    Processed: 0.020, SQL: 9