返回顶部
首页 > 资讯 > 前端开发 > JavaScript >javascript实现原生ajax的几种方法介绍
  • 448
分享到

javascript实现原生ajax的几种方法介绍

javascript原生ajax 2022-11-15 22:11:26 448人浏览 薄情痞子
摘要

自从javascript有了各种框架之后,比如Jquery,使用ajax已经变的相当简单了。但有时候为了追求简洁,可能项目中不需要加载jquery这种庞大的js插件。但又要使用到aj

自从javascript有了各种框架之后,比如Jquery,使用ajax已经变的相当简单了。但有时候为了追求简洁,可能项目中不需要加载jquery这种庞大的js插件。但又要使用到ajax这种功能该如何办呢?下面和大家分享几种利用javascript实现原生ajax的方法。

实现ajax之前必须要创建一个 XMLHttpRequest 对象。如果不支持创建该对象的浏览器,则需要创建 ActiveXObject,具体方法如下:


var xmlHttp;
function createxmlHttpRequest() {
if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} else if (window.XMLHttpRequest) {
xmlHttp=new XMLHttpRequest();
}

(1)下面使用上面创建的xmlHttp实现最简单的ajax get请求:

function doGet(url){
// 注意在传参数值的时候最好使用encodeURI处理一下,以防出现乱码
createxmlHttpRequest();
xmlHttp.open("GET",url);
xmlHttp.send(null);
xmlHttp.onreadystatechange = function() {
if ((xmlHttp.readyState == 4) && (xmlHttp.status == 200)) {
alert('success');
} else {
alert('fail');
}
}
}

(2)使用上面创建的xmlHttp实现最简单的ajax post请求:

function doPost(url,data){
// 注意在传参数值的时候最好使用encodeURI处理一下,以防出现乱码
createxmlHttpRequest();
xmlHttp.open("POST",url);
xmlHttp.setRequestHeader("Content-Type","application/x-www-fORM-urlencoded");
xmlHttp.send(data);
xmlHttp.onreadystatechange = function() {
if ((xmlHttp.readyState == 4) && (xmlHttp.status == 200)) {
alert('success');
} else {
alert('fail');
}
}
}

--结束END--

本文标题: javascript实现原生ajax的几种方法介绍

本文链接: https://lsjlt.com/news/172647.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • javascript实现原生ajax的几种方法介绍
    自从javascript有了各种框架之后,比如jquery,使用ajax已经变的相当简单了。但有时候为了追求简洁,可能项目中不需要加载jquery这种庞大的js插件。但又要使用到aj...
    99+
    2022-11-15
    javascript 原生ajax
  • JavaScript实现Ajax的介绍
    本篇内容主要讲解“JavaScript实现Ajax的介绍”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JavaScript实现Ajax的介绍”吧!这里以表单为例说一下实现Ajax的步骤:先从表单...
    99+
    2023-06-08
  • C#实现加密的几种方法介绍
    1.ACSII码加密 //ACSII码加密 private static string ACSIIPWd(string rpwd) { ...
    99+
    2024-04-02
  • JS实现深拷贝的几种方法介绍
    引 如何区分深拷贝与浅拷贝,简单点来说,就是假设B复制了A,当修改A时,看B是否会发生变化,如果B也跟着变了,说明这是浅拷贝,拿人手短,如果B没变,那就是深拷贝,自食其力。 此篇文章...
    99+
    2024-04-02
  • javascript实现原生ajax的方法有哪些
    本篇内容主要讲解“javascript实现原生ajax的方法有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“javascript实现原生ajax的方法有哪些...
    99+
    2024-04-02
  • JS原生实现轮播图的几种方法
    轮播图 主要思想就是: 在大的容器里,装着一个很长的表,表是容器宽度的整数倍。 然后通过更改列表样式里的left属性来实现左右滑动。 本文旨在控制滑动五张图片,但在html中使用了七...
    99+
    2024-04-02
  • SpringBoot原生组件注入实现两种方式介绍
    目录一、使用 Servlet API1、实现自定义 MyServlet2、实现自定义 MyFilter3、实现自定义 MyServletContextListener二、使用 Reg...
    99+
    2022-11-13
    SpringBoot原生组件注入 SpringBoot组件注入
  • 原生AJAX封装的实现方法
    这篇文章主要介绍“原生AJAX封装的实现方法”,在日常操作中,相信很多人在原生AJAX封装的实现方法问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”原生AJAX封装的实现方法”...
    99+
    2024-04-02
  • windows7系统激活的几种方法介绍
    在你购买Windows系统安装后,会让你激活,我们来先(计算机→系统属性)我们可以看见,你的Windows系统并没有激活(如图1)这时候,我们找到未激活图标(会写:您已28没激活,立即激活windows(如图2...
    99+
    2023-05-30
    win7 激活 方法 系统 windows7
  • java中List分页的几种方法介绍
    目录1.根据入参带分页参数进行sql查询分页2.对所有list根据分页参数分页3.PageHelper分页1.根据入参带分页参数进行sql查询分页 Criter...
    99+
    2024-04-02
  • java几种乱码处理方法介绍
    java乱码解决方法:解决方式1(若乱码参数多,就比较低效)浏览器默认编码为ISO-8859-1,后端Servlet接收请求参数,按照ISO-8859-1进行解码,得到二进制流,然后再用UTF-8编码。示例代码: // 获得请...
    99+
    2015-10-14
    java 乱码
  • css中常用的几种居中方法介绍
    本篇内容主要讲解“css中常用的几种居中方法介绍”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“css中常用的几种居中方法介绍”吧!今天我们就细数一下几种方法:1...
    99+
    2024-04-02
  • Python中删除文件的几种方法介绍
    本篇内容主要讲解“Python中删除文件的几种方法介绍”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Python中删除文件的几种方法介绍”吧!前言很多时候开发者需要删除文件。可能是他错误地创建了...
    99+
    2023-06-07
  • asp.net gridview列宽固定的几种方法介绍
    1、在编辑列里面,直接就有设置列宽度的!如果你不想单元格的内容把单元格撑大,那么就加一个样式<style>table{table-layout:fixed}</st...
    99+
    2022-11-15
    asp.net gridview
  • Java线程池的几种实现方法和区别介绍实例详解
    下面通过实例代码为大家介绍Java线程池的几种实现方法和区别:import java.text.DateFormat;import java.text.SimpleDateFormat;import java.util.ArrayList;...
    99+
    2023-05-31
    java 线程池 ava
  • JavaScript深拷贝的几种实现方法实例
    目录浅拷贝与深拷贝1.JSON.parse(JSON.stringify(obj))2.普通递归函数实现深拷贝3.兼容多种数据类型4.jQuery.extend()方法总结 ...
    99+
    2024-04-02
  • spring启动加载程序的几种方法介绍
    关于在spring  容器初始化 bean 和销毁前所做的操作定义方式有三种:第一种:通过注解@PostConstruct 和 @PreDestroy 方法 实现初始化和销毁bean之前进行的操作import javax.anno...
    99+
    2023-05-31
    spring 加载
  • Android 杀死进程几种方法详细介绍
    Android 杀死进程:              对...
    99+
    2022-06-06
    进程 方法 Android
  • 原生JavaScript轮播图实现方法
    本文实例为大家分享了JavaScript轮播图的实现方法,供大家参考,具体内容如下 效果截图: ​注:div容器大小和图片路径可以自行设置,添加img和a标签后浏览器可以...
    99+
    2024-04-02
  • $.ajax()方法参数的详细介绍
    本篇内容主要讲解“$.ajax()方法参数的详细介绍”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“$.ajax()方法参数的详细介绍”吧!会灵活的运用ajax的...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作