开启辅助访问
切换到宽版

天天ASP家园官方Q群

天天ASP家园网友互动群

群1: 697497501(新手学习互助群)

群2: 47598123(进阶应用群)

天天ASP家园»论坛 › 技术交流 › 前端技术 › 原生方式AJAX请求与JQ方式的AJAX请求示范
返回列表 发新帖
查看: 456|回复: 0

[文章教程] 原生方式AJAX请求与JQ方式的AJAX请求示范

[复制链接]
xuanxiao 发表于 2022-5-3 11:29:19 | 显示全部楼层 |阅读模式
原生方式有更好的兼容性，对于早期IE和现代浏览器都能有好支持。

  2. function ajax() {

  4.         //创建核心对象

  6.         xhr = null;

  8.         if (window.XMLHttpRequest) {// 新版本的浏览器可以直接创建XMLHttpRequest对象

  10.             xhr = new XMLHttpRequest();

  12.         } else if (window.ActiveXObject) {// IE5或IE6没有XMLHttpRequest对象

  14.             xhr = new ActiveXObject("Microsoft.XMLHTTP");

  16.         }

  18.         //编写回调函数

  20.         xhr.onreadystatechange = function() {

  22.             if (xhr.readyState == 4 && xhr.status == 200) {

  24.                 //alert(xhr.responseText)
  25.                                 var result=xhr.responseText;
  26.                                 result=result.slice(0,result.length-1)                       
  27.                         var arr=result.split(",")
  28.                         var obj;               
  29.                         var j;         
  30.                         for(j = 0,len=arr.length; j < len; j++)  {
  31.                                   obj= document.getElementById("day_"+arr[j]);
  32.                                        
  33.                                        
  34.                                   
  35.                                   if (obj) {
  36.                 　　　　obj.className +='ttasp';       
  37.                  //console.log(obj);
  38.                 　　}

  40.                                 }
  41.                                

  43.             }

  45.         }

  47.         //open设置请求方式和请求路径

  49.         xhr.open("get", "../ttasp/action.asp");//一个url还传递了数据，后面还可以写是否同步

  51.         //send 发送

  53.         xhr.send();

  55.     }
  56.        
  57.         ajax();
复制代码


下面是JQ方式：
  1. $.ajax({
  2.   type: "GET",
  3.   url: "../ttasp/action.asp",
  4.   data: {   
  5.     act: "qd"
  6.   },
  7.   success:function(result){
  8.                         //$("#div1").html(result);
  9.                         result=result.slice(0,result.length-1)                       
  10.                         var arr=result.split(",")
  11.                         var obj;                         
  12.                         for (const elem of arr) {
  13.                                     obj= $("#day_"+elem);
  14.                                         console.log(obj);
  15.                                         //obj.setAttribute("style","background-image:url(../ttasp/bg.jpg);background-repeat:no-repeat; background-size:100% 100%;  -moz-background-size:100% 100%;")
  16.                                   obj.addClass('ttasp');

  18.                                 }
  19.                 }
  20. });
复制代码
ASP币如何冲？请看这里
回复

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 注册

本版积分规则

快速回复 返回顶部 返回列表

在线客服

售前咨询
售后咨询
服务热线
023-58418553
微信公众号