var Ajax={

get: function(url, fn) {

var obj = new XMLHttpRequest(); // XMLHttpRequest对象用于在后台与服务器交换数据

obj.open('GET', url, true);

obj.onreadystatechange = function() {

if (obj.readyState == 4 && obj.status == 200 || obj.status == 304) { // readyState == 4说明请求已完成

fn.call(this, obj.responseText); //从服务器获得数据

}

};

obj.send();

},

post: function (url, data, fn) { // datat应为'a=a1&b=b1'这种字符串格式,在jq里如果data为对象会自动将对象转成这种字符串格式

var obj = new XMLHttpRequest();

obj.open("POST", url, true);

obj.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); // 添加http头,发送信息至服务器时内容编码类型

obj.onreadystatechange = function() {

if (obj.readyState == 4 && (obj.status == 200 || obj.status == 304)) { // 304未修改

fn.call(this, obj.responseText);

}

};

obj.send(data);

}

}

//post send(data)格式

/*

*send('username'+username+'&password'+password);

*

*/

一键复制

编辑

Web IDE

原始数据

按行查看

历史

ajax/test1.txt,ajax原生请求方法.txt相关推荐

  1. Ajax基础,JSON,Ajax进阶

    Ajax 一.Ajax基础 (一)Ajax简介 概念:Ajax 即"Asynchronous Javascript And XML"(异步 JavaScript 和 XML),是指 ...

  2. 原生JS实现Ajax和JSONP跨域请求

    背景: 对接身份证录入和门锁卡号录入设备中,安装驱动完成后,提供的接口服务是http://localhost:8099/?cmd=readbcardid&charset=gbk,返回的数据格式 ...

  3. java原生的ajax怎么写,用原生js实现 ajax方法

    原标题:用原生js实现 ajax方法 作者介绍:咔拉宝宝前端工程师,致力于首个情景式购物商城咔拉商城的前端搭建,在咔拉职场栏目作为程序猿担当,与读者朋友们共同探讨前端开发的那些事. 一.ajax介绍: ...

  4. Ajax异步请求方法(详细)

    使用ajax发送异步请求 原生js实现以及jquery ajax实现发送请求 文章目录 使用ajax发送异步请求 简介 实现方式 1.原生js实现 1.get请求 2.post请求 2.jquery ...

  5. 【AJAX 笔记】AJAX 基本、HTTP 基本、原生 AJAX 的使用,jQuery / Axios / fetch 发送请求、跨域(JSONP/CORS)

    文章目录 1 Ajax 概述 1.1 AJAX 简介 1.2 XML 简介 1.3 AJAX 的特点 1.3.1 AJAX 的优点 1.3.2 AJAX 的缺点 1.4 AJAX 属性和方法 2. H ...

  6. YShout一款PHP+TXT+Ajax嵌入式在线聊天室源码

    简介: YShout是一款PHP+TXT+AJAX开发嵌入式在线聊天室源码,UTF-8编码. 可以非常方便的嵌入到的你的网站中,无需数据库,采用TXT存储数据,小巧灵活,移植方便.采用AJAX技术,增 ...

  7. ajax漏洞 console_在实战中可能碰到的几种ajax请求方法详解

    前言 最近在做一个针对单个节点测速的功能页面,测速的逻辑是,测上传速度时,前端传5m数据给server,记录上传和返回数据的时间,测下载速度时,从server下载1m的数据,记录下载和下载成功的时间, ...

  8. JQuery - Ajax和Tomcat跨域请求问题解决方法!

    JQuery - Ajax和Tomcat跨域请求问题解决方法! 参考文章: (1)JQuery - Ajax和Tomcat跨域请求问题解决方法! (2)https://www.cnblogs.com/ ...

  9. html ajax请求jsp,JSP+jquery使用ajax方式调用json的实现方法

    本文实例讲述了JSP+jQuery使用Ajax方式调用JSON的实现方法,在这里分享给大家以供大家参考,具体的实现以及代码如下所示: 前台: //test function test(uid) { i ...

最新文章

  1. 微软CEO:我们员工以及他们家人的健康与安全是我们最高的优先级!
  2. 人机融合智能与深度态势感知
  3. 解密TDE加密数据库
  4. Ajax的异步,是鸡肋还是鸡排?
  5. eclipse鼠标变十了_Eclipse在过去十年中的主要成就
  6. 前后台分离之数据模拟
  7. 如何根据对象获取到对应的表名_Excel VBA 常用对象二
  8. Scala文件内容生成本地文件
  9. matlab imf1,NGPM_v1.4y GA多目标优化的程序 带约束 里面有教程 matlab 272万源代码下载- www.pudn.com...
  10. 机器学习算法对比分析
  11. VS2010旗舰版安装步骤
  12. 解构2019世界人工智能大会:三大变化,十年趋势,一场地球与火星的碰撞
  13. Thinkpad部分软件相关服务进程的总结
  14. 王学岗productflavor 多渠道打包
  15. pyinstaller(py文件转成exe)
  16. Android 六大布局
  17. 性能测试,CPU使用率CPU负载率理解
  18. Gitlab-runner(一)安装
  19. 一个空肥皂盒与电风扇_tiktoks与微软的对话如何变成肥皂剧
  20. MySQL数据库题库

热门文章

  1. 第五章 mybatis批量更新update
  2. Character Studio
  3. Java系列笔记(3) - Java 内存区域和GC机制
  4. 控件中按回车键就关闭对话框问题怎么解决?
  5. java并发2--进阶
  6. 将指定内容写入目标文件(日志)
  7. MVC面试问题与答案
  8. 解决:org.apache.ibatis.binding.BindingException: Invalid bound statement (not found):
  9. 凑钱1,2,5凑20元钱有多少可能 共有哪几种可能
  10. Java Timer、TimerTask