模拟封装ajax,模拟jQ封装ajax,调用时出现Uncaught ReferenceError: param is
//模拟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相关推荐
- 【react】 react 中 前后端数据的交互方式 (原生的ajax、jq的ajax、axios、fetch )...
这是fetch 请求数据的方式 ---fetch---基本使用 一.fetch fetch是一种XMLHttpRequest的一种替代方案,在工作当中除了用ajax获取后台数据外我们还可以使用fet ...
- axios如何在nodejs项目里封装_【面经】jq 中 ajax 和 axios 区别,瀑布流布局,添加删除事件...
[jq 中 ajax 和 axios 区别] jq的ajax 1.本身是针对MVC的编程,不符合现在前端MVVM的浪潮 2.JQuery整个项目太大,单纯使用ajax却要引入整个JQuery不合理 a ...
- 什么是ajax,一篇文章带你了解ajax(JQ的ajax封装讲解)
一:什么是ajax ajax是异步编程,可以让用户不用刷新页面就可以访问到服务器的数据,比如我们常见的今日头条,打开一个页面他页面中的数据并不是很多,但是我们在不停向下滚动的时候,我们并没有刷新页面, ...
- Ajax(jQuery封装),表单form提交(Ajax),art-template模板引擎,原生Ajax,XML和JSON,axios,跨域和JSONP,防抖和节流,HTTP协议
目录 服务器基本概念 1.URL 2.URL地址的组成部分 3. 图解客户端与服务器的通信过程 4.网页中如何请求数据 5.资源的请求方式 Ajax jQuery中的Ajax 1. $.get()函数 ...
- ajax 模拟表单提交,Ajax模拟Form表单提交,含多种数据上传
---恢复内容开始--- Ajax提交表单.使用FormData提交表单数据和上传的文件(这里的后台使用C#获取,你可以使用Java一样获取) 有时候前台的数据提交到后台,不想使用form表单上传,希 ...
- ajax success function_Ajax封装
将请求代码封装到函数中,发送请求时调用函数即可.只需要将请求方式,请求地址,处理响应结果的函数作为参数给到封装函数即可. 处理请求的函数,请求有输入网址回车,提交表单,登录等 封装 function ...
- Promise 的基本使用 与 Ajax的jQuery封装
Promise 的基本使用 为了解决回调地狱问题,从而给出的解决办法: /*** Promise** 1. Promise 是 一个构造函数 new Vue()* 2. Promise() 里面有个参 ...
- ajax背景、ajax对象、ajax状态、ajax与http、ajax请求数据接口、同步与异步、ajax请求XML数据、封装ajax函数、artTemplate简介、同源策略和跨域请求、JSONP
AJAX简介: ajax背景: 1.AJAX(Asynchronous JavaScript And Xml)异步的 JavaScript 和 XML:ajax是浏览器提供的一套API,最早出现在谷歌 ...
- html+ajax登陆,jQuery+Ajax模拟用户登录功能的实现代码
摘要 腾兴网为您分享:jQuery+Ajax模拟用户登录功能的实现代码,钻石星球,篆刻字典,中信金通,易码平台等软件知识,以及电视猫app,河南app,红豆婚恋,xvideos本,电子电路,qq约会, ...
- 原生ajax请求的封装
原生ajax请求的封装 原生ajax请求分为四步: 1.创建请求对象 判断浏览器的兼容问题 ie浏览器:window.ActiveXObject 常用浏览器:window.XMLHttpRequest ...
最新文章
- 绝望,上传文件失败。。遇到并解决java.lang.NullPointerException
- TrackID识别音乐的应用不能用了
- java 布局教程_java布局学习(新)
- 2.3.NLTK工具包安装、分词、Text对象、停用词、过滤掉停用词、词性标注、分块、命名实体识别、数据清洗实例、参考文章
- WebSocket协议探究(序章)
- 嵌入式开发-lesson9-顺序结构程序设计
- 自考计算机成绩,自考成绩计算机中是什么意思?
- 【英语学习】【Level 08】U02 Movie Time L2 In black and white
- java小程序之学生信息_java小程序之学生信息录入界面
- PHP购物网站(含购物车、全部源码、数据库设计表及其源码)
- PXE配置-Tftpd64
- Django自学笔记之admin中设置App名称为中文
- 腾讯云:开发者实验室
- slideup_jQuery slideUp,slideDown,slideToggle
- 基于MediaPipe API实现骨骼识别
- XML文件内容格式化与语法错误自动检查
- Ubuntu下UnixC的第二天
- 婚恋社交项目,寻找创业合伙人,坐标上海
- Android socket 实现 wify 通信,简易聊天室 (一)
- 用计算机器提高正确率,如何提高数学计算题的正确率