//模拟jQuery封装ajax 暂不考虑跨域和默认返回数据类型为JSON

function ajax(obj){

var temp={

type:'get',

url:"#",

data:{},

success:function(param){console.log(param)}

};

for(var key in obj){

temp[key]=obj[key];

}

var data='';

for(var key in temp.data){

data+=`${key}=${temp.data[key]}&`;

}

if(data){

data=data.substr(0,data.length-1);

}

var xhr=new XMLHttpRequest();

xhr.onreadystatechange=function(){

if(xhr.readyState===4){

if(xhr.status===200){

var param=JSON.parse(xhr.responseText);

temp.success(param);

}

}

};

var main=null;

if(temp.type==='get'){

temp.url+="?"+data;

}else{

main=data;

xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');

}

xhr.open(temp.type,temp.url,true);

xhr.send(main);

}

模拟封装ajax,模拟jQ封装ajax,调用时出现Uncaught ReferenceError: param is相关推荐

  1. 【react】 react 中 前后端数据的交互方式 (原生的ajax、jq的ajax、axios、fetch )...

    这是fetch  请求数据的方式 ---fetch---基本使用 一.fetch fetch是一种XMLHttpRequest的一种替代方案,在工作当中除了用ajax获取后台数据外我们还可以使用fet ...

  2. axios如何在nodejs项目里封装_【面经】jq 中 ajax 和 axios 区别,瀑布流布局,添加删除事件...

    [jq 中 ajax 和 axios 区别] jq的ajax 1.本身是针对MVC的编程,不符合现在前端MVVM的浪潮 2.JQuery整个项目太大,单纯使用ajax却要引入整个JQuery不合理 a ...

  3. 什么是ajax,一篇文章带你了解ajax(JQ的ajax封装讲解)

    一:什么是ajax ajax是异步编程,可以让用户不用刷新页面就可以访问到服务器的数据,比如我们常见的今日头条,打开一个页面他页面中的数据并不是很多,但是我们在不停向下滚动的时候,我们并没有刷新页面, ...

  4. Ajax(jQuery封装),表单form提交(Ajax),art-template模板引擎,原生Ajax,XML和JSON,axios,跨域和JSONP,防抖和节流,HTTP协议

    目录 服务器基本概念 1.URL 2.URL地址的组成部分 3. 图解客户端与服务器的通信过程 4.网页中如何请求数据 5.资源的请求方式 Ajax jQuery中的Ajax 1. $.get()函数 ...

  5. ajax 模拟表单提交,Ajax模拟Form表单提交,含多种数据上传

    ---恢复内容开始--- Ajax提交表单.使用FormData提交表单数据和上传的文件(这里的后台使用C#获取,你可以使用Java一样获取) 有时候前台的数据提交到后台,不想使用form表单上传,希 ...

  6. ajax success function_Ajax封装

    将请求代码封装到函数中,发送请求时调用函数即可.只需要将请求方式,请求地址,处理响应结果的函数作为参数给到封装函数即可. 处理请求的函数,请求有输入网址回车,提交表单,登录等 封装 function ...

  7. Promise 的基本使用 与 Ajax的jQuery封装

    Promise 的基本使用 为了解决回调地狱问题,从而给出的解决办法: /*** Promise** 1. Promise 是 一个构造函数 new Vue()* 2. Promise() 里面有个参 ...

  8. ajax背景、ajax对象、ajax状态、ajax与http、ajax请求数据接口、同步与异步、ajax请求XML数据、封装ajax函数、artTemplate简介、同源策略和跨域请求、JSONP

    AJAX简介: ajax背景: 1.AJAX(Asynchronous JavaScript And Xml)异步的 JavaScript 和 XML:ajax是浏览器提供的一套API,最早出现在谷歌 ...

  9. html+ajax登陆,jQuery+Ajax模拟用户登录功能的实现代码

    摘要 腾兴网为您分享:jQuery+Ajax模拟用户登录功能的实现代码,钻石星球,篆刻字典,中信金通,易码平台等软件知识,以及电视猫app,河南app,红豆婚恋,xvideos本,电子电路,qq约会, ...

  10. 原生ajax请求的封装

    原生ajax请求的封装 原生ajax请求分为四步: 1.创建请求对象 判断浏览器的兼容问题 ie浏览器:window.ActiveXObject 常用浏览器:window.XMLHttpRequest ...

最新文章

  1. 绝望,上传文件失败。。遇到并解决java.lang.NullPointerException
  2. TrackID识别音乐的应用不能用了
  3. java 布局教程_java布局学习(新)
  4. 2.3.NLTK工具包安装、分词、Text对象、停用词、过滤掉停用词、词性标注、分块、命名实体识别、数据清洗实例、参考文章
  5. WebSocket协议探究(序章)
  6. 嵌入式开发-lesson9-顺序结构程序设计
  7. 自考计算机成绩,自考成绩计算机中是什么意思?
  8. 【英语学习】【Level 08】U02 Movie Time L2 In black and white
  9. java小程序之学生信息_java小程序之学生信息录入界面
  10. PHP购物网站(含购物车、全部源码、数据库设计表及其源码)
  11. PXE配置-Tftpd64
  12. Django自学笔记之admin中设置App名称为中文
  13. 腾讯云:开发者实验室
  14. slideup_jQuery slideUp,slideDown,slideToggle
  15. 基于MediaPipe API实现骨骼识别
  16. XML文件内容格式化与语法错误自动检查
  17. Ubuntu下UnixC的第二天
  18. 婚恋社交项目,寻找创业合伙人,坐标上海
  19. Android socket 实现 wify 通信,简易聊天室 (一)
  20. 用计算机器提高正确率,如何提高数学计算题的正确率

热门文章

  1. HDU 1021 Fibonacci Again
  2. 第二周作业购物车程序
  3. 跨过Nginx上基于uWSGI部署Django项目的坑
  4. LightOj 1088 - Points in Segments (二分枚举)
  5. [BZOJ 3888] [Usaco2015 Jan] Stampede 【线段树】
  6. mysql从一个表中拷贝数据到另一个表中sql语句
  7. Android连接数据库的问题
  8. msys 中打开系统程序
  9. HashMap死循环讲解(JDK1.8 之前)
  10. Oracle递归sql