zoukankan      html  css  js  c++  java
  • 【JAVASCRIPT】如何不使用jquery函数和ajax框架实现ajax效果

    ajax的核心技术就是XMLHttpRrequest;下面介绍怎么在IE中创建XMLHttpRrequest的实例,并且实现功能;

    在创建的html页面的body中添加如下内容:<p id="result"></p>

    js脚本如下:

     1         function ajaxtext() {
     2             var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");   //创建一个XMLHTTP对象,相当于WebClient
     3             xmlhttp.open("GET", "ajaxtext1.ashx", true);    //准备向服务器的ajaxtext1.ashx发送get请求
     4             //监听onreadystatechange事件
     5             xmlhttp.onreadystatechange = function () {
     6                 if (xmlhttp.readyState == 4) {
     7                     if (xmlhttp.status == 200) {
     8                         //alert(xmlhttp.responseText);
     9                         document.getElementById("result").innerHTML = xmlhttp.responseText; //responseText属性为服务器返回的文本
    10                     }
    11                     else {
    12                         alert("AJAX服务器返回错误!");
    13                     }
    14                 }
    15             }
    16             xmlhttp.send();     //开始发送请求,之前的代码都是做准备
    17         }
    
    
    ajaxtext1.ashx代码如下:
    1         public void ProcessRequest(HttpContext context)
    2         {
    3             context.Response.ContentType = "text/plain";
    4             string a;
    5             a = "这是一个 AJAX 测试!";
    6             context.Response.Write(a);
    7         }

    这段代码主要是用在 IE中,但是其他浏览器不会支持,一般做项目的时候都不会使用这些代码。jquery封装好的方法即方便又能跨浏览器;写这篇文章主要是为了明白ajax的执行过程。面试的时候有可能会问到;

  • 相关阅读:
    一 基础--进制转化
    七牛云上传视频并截取第一帧为图片(js实现)
    FNScanner二维码接口openView自定义扫码Demo
    UIPickerView 模块示例demo
    vPlayer 模块Demo
    doT的高级用法及loadData的使用
    acmPush模块示例demo
    UIChatBox模块示例demo
    分享一款基于aui框架的图文发布界面
    基于js的APP多语言处理
  • 原文地址:https://www.cnblogs.com/ngnetboy/p/2644347.html
Copyright © 2011-2022 走看看