用原生js封装get方法

get方法的封装

首先我们看一下用原生js来发送请求的步骤:

1.创建请求对象

.var xhr=new XMLHttpRequest();

2.创建open方法确认请求方式和地址

xhr.open('get','url') ps(记住get方法有参数的话在url后面用?符号连接再加上参数如:url?num=3,多个参数用&符号连接);

3.监听事件完成

3.xhr.readystatechange(){

if(xhr.readYstate==4&status==200){

//readYstate: readyState：存有 XMLHttpRequest 的状态。从 0 到 4 发生变化;

//status:响应的HTTP状态码;

//打印响应体 console.log(xhr.responseText)

}

4.发送请求

.xhr.send();

有一段代码多个地方要用就封装成函数

不能写死的数据当参数传递

哪里要用的话直接调用传入参数就可以了,不过会存在变量名污染问题,

我们这要把它的参数写成对象就可以解决了,如下图

不知道怎么写了,就这样了=-=!

转载于:https://www.cnblogs.com/lrm-bk/p/11161549.html

用原生js封装get方法相关推荐

js 封装ajax方法吗,原生JS封装ajax方法
jquery框架的ajax方法固然好用,但是假如某天我们的项目不能引入jquery或项目需求很简单,没有很多交互功能,只需要ajax,这时引入jquery库会造成资源浪费,也会显得页面臃肿.这时我们就 ...
原生JS封装ajax方法
http://blog.sucaijiayuan.com/article/89 jquery框架的ajax方法固然好用,但是假如某天我们的项目不能引入jquery或项目需求很简单,没有很多交互功能,只 ...
原生js时间格式化方法封装
原生js时间格式化方法封装创建formatDate函数,传入date(时间)和format(格式)两个参数,简单判断format返回相应格式的时间注意:getMonth()方法获取到的月份会比实际 ...
原生JS封装Ajax插件(同域jsonp跨域)
2019独角兽企业重金招聘Python工程师标准>>> 抛出一个问题,其实所谓的熟悉原生JS,怎样的程度才是熟悉呢? 最近都在做原生JS熟悉的练习... 用原生Js封装了一个Ajax ...
原生Js封装的弹出框-弹出窗口-页面居中-多状态可选
实现了一下功能: 1.title可自定义可拖拽 2.width height可以自定义 3.背景遮罩和透明度可以自定义 4.可以自己编辑弹出框里的html 5.确定取消按钮可选调用方法: 1 P ...
java原生的ajax怎么写,用原生js实现 ajax方法
原标题:用原生js实现 ajax方法作者介绍:咔拉宝宝前端工程师,致力于首个情景式购物商城咔拉商城的前端搭建,在咔拉职场栏目作为程序猿担当,与读者朋友们共同探讨前端开发的那些事. 一.ajax介绍: ...
原生js调用json方法
原文链接 Ajax基础 ajax:无刷新数据读取,读取服务器上的信息 HTTP请求方法: GET:用于获取数据,如浏览帖子 ajax.judgeXmlHttpRequest('get', 'index ...
原生js封装table组件
使用原生js封装自己的table组件. 思路是通过设置参数,生成对应的表格dom; 源码如下:(初步实现) var XUi = {// table组件tableDom:{common:function ...
原生js封装十字参考线插件(一)
需求来源: 拓扑图之机房平面图,显示机房长宽比例尺,房间内标注各种设备间距不易实现,特在机房平面图上层加一个十字参考线横竖两条线垂直,在鼠标指针处交叉,显示鼠标指针坐标(相对机房平面图的坐标,不是相 ...

用原生js封装get方法

get方法的封装

不知道怎么写了,就这样了=-=!

用原生js封装get方法相关推荐

最新文章

热门文章