封装$.get

最新推荐文章于 2024-04-29 10:37:50 发布
最新推荐文章于 2024-04-29 10:37:50 发布
阅读量287 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/guoyinshuai/article/details/82013180
版权 
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
<script type = "text/javascript">
var $ = {
	get: function(url,args){
		var xhr = this.createXhr();
		xhr.onreadystatechange = function(){
			if(xhr.readyState == 4 && xhr.status == 200){
			alert(xhr.responseText);
			}
		}
		if(typeof args == 'object'){
			args = this.parmas(args);
		}
		url = url + '?' + args;
		xhr.open('get',url);
		xhr.send();
	},//
	createXhr:function(){
		var xmlhttp = '';
		if(window.XMLHttpRequest){
			xmlhttp = new XMLHttpRequest();
			console.log("hello ");
		} else{
			xmlhttp = new ActiveXObject('Msxml2.XMLHTTP');
		}
		return xmlhttp;
	},
	parmas: function(js){
		var str = '';
		for(var key in js){
			str += key + '=' + js[key] + '&';
		}
		str = str.slice(0,str.length-1);
		return str;
	}	
};
$.get('1.php',{id:1001,name:"冰箱"});
	
</script>
</body>
</html>

 

if(typeof args == 'object')    对args的数据类型检测方式

guoyinshuai
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
axios封装get请求和post请求
Uranus_1的博客
04-28 1088
4、页面引用(components/About)3、调用接口(request/api)
正确封装get请求_二十分钟封装，一个App前后台Http交互的实现
weixin_36354817的博客
01-24 572
在React Native开发过程中，几乎所有的app都需要使用到Http请求，所以fetch的封装必不可少，由于不同app的请求参数，解析规则，token机制等完全不一样，所以在大多数App开发中，前后台Http请求的实现都是开发者自己封装的。封装一个前后台Http请求实现需要多久？可能有人回答是1小时，也有3、5小时甚至更长时间的，或者也有说先这样封装个大概，等到需求不满足的时候再改...
axios项目中使用如何进行封装，api相关请求封装，POST、GET、HEAD、PUT、DELETE、TRACE、OPTIONS 等封装
最新发布
JackieDYH的博客
04-29 340
例如，GET请求需要调用instance.get()方法，POST请求需要调用instance.post()方法等。拦截器提供了在请求或响应发送前、发送后、错误处理时进行拦截的机会，可以对请求或响应进行统一的处理和校验。在上面的示例中，我们创建了一个axios实例，并对其进行了请求拦截器和响应拦截器的配置。在拦截器中，我们可以对请求和响应进行处理和校验，并返回修改后的请求或响应数据。总之，这些请求方法提供了不同的方式来处理和获取数据，使得客户端和服务器之间的通信更为灵活和高效。
js---封装ajax的get请求和post请求
前端与计算机相关知识的分享，博主的qq523235674
09-19 1607
1、函数接受一个对象配置信息，url为请求的地址，type为请求的类型，data为请求参数，success为请求成功的回调函数，fail为请求失败的回调函数。
js封装Ajax中的 $.get()
做一个有知识的流氓
06-23 3184
① 在$.get方法声明时，设置参数4，判断参数4的值，如果是json则进行额外处理。思路: 定义get函数时设置形参，调用函数时传递实参。① 修改get方法，设置参数1 — 请求的url地址。处理只能访问1.php文件的文件的问题。Ajax技术中的 $.get()封装。第一步 : 首先编写一个具体的案例,
$符号的封装
weixin_30263073的博客
05-04 94
-<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> div { width: 100px; ...
Jquery中$.getScript()$.getJSON
10-30
`$.getScript()`和`$.getJSON()`实际上是对`$.ajax()`的封装，简化了特定类型请求的操作。`$.ajax()`的语法相当复杂，因为它支持许多自定义选项，如： ```javascript $.ajax({ url: 'url', type: 'GET', ...
jQuery Ajax 实例详解 ($.ajax、$.post、$.get)
10-23
在 jQuery 中，我们有几种不同的方法来实现 AJAX 请求，包括 $.ajax(), $.post(), 和 $.get()。 1. **$.ajax()**: 这是 jQuery 提供的最全面的 AJAX 方法，可以处理各种复杂的需求。其基本语法如下： ```...
JQuery.get提交页面不跳转的解决方法
10-24
`.get` 是 jQuery 对 AJAX（Asynchronous JavaScript and XML）技术的一种封装，它的主要目的是在不刷新整个页面的情况下与服务器进行通信。因此，当调用 `.get` 方法并传递一个 URL 和回调函数时，jQuery 会向指定...
AngularJS封装$http.post()实例详解
10-19
在AngularJS中，$http服务是用来处理HTTP请求的核心组件，包括GET、POST等。当我们谈论封装$http.post()时，目标是创建一个可复用、易维护的解决方案，以简化团队成员之间的协作。在这个实例中，我们将探讨如何创建...
$Ajax()封装方法使用--$get()封装方法使用--$post()封装方法使用--$getJSON()封装方法使用
wei_Bug的博客
04-23 270
一.jquery调用ajax方法 格式：$.ajax({}); 参数： type：请求方式GET/POST url：请求地址url async：是否异步，默认是true表示异步 data：发送到服务器的数据 dataType：预期服务器返回的数据类型 contentType：设置请...
$的符号封装
a63438840的博客
07-22 81
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang=...
Axios的多种封装方法
m0_50553098的博客
08-30 1802
Axios是一个基于Promise的HTTP客户端，可用于浏览器和Node.js环境中。它提供了多种封装方法来方便我们使用。以上是Axios的常见封装方法，可以根据具体需求进行相应的调整。
请求参数封装的方式
Gray_humor的博客
03-17 2590
请求参数封装概述 封装请求参数就是把我们通过浏览器发送请求时，要转递给服务器的数据封装到指定的对象中。 这个对象一般都是实体类。但是有时就是Action中的一个属性。 也就是说，我们封装请求参数时，可以有实体类，也可以没有。 同时，我们还需要知道，请求参数的封装和请求方式无关。无论get还是post都可以封装。 属性驱动 没有实体类： 此种情况，我们一般也称为动作类和模型...
（3）jQuery——AJAX中GET请求的封装步骤
qq_40422692的博客
08-07 877
因为我们不可能每使用一次ajax就写这么长的代码，所以我们需要对它进行封装，再次使用调用即可。 在之前的项目中添加一个js文件（myAjax.js） 在这个文件里我们添加一个方法 首先我们先写出发送一个请求的完整过程。 function ajax() { var xmlhttp = new XMLHttpRequest(); xmlhttp.open(‘GET’, “Handler.ashx”, true); xmlhttp.send(); xmlhttp.onread
vue封装Axios的get、post请求
weixin_41897122的博客
02-27 9935
Axios 在vue项目中用的较多，每次都要写一遍很是不方便，尤其其中的config配置项是公用的，完全可以封装一下，这样下次再用就可以直接CV了！毕竟CV大法香啊！ 封装 Axios 基础配置 创建一个request.is 文件，内容如下，我把解释性文字放在注释里了。 import axios from 'axios' export function request(config) { // 1.创建axios的实例 const instance = axios.create({
axios二次封装之get请求
Mr.小灰狼_随笔
04-01 5477
今天因为项目上跟后端联调接口时 ， 有一个 get 请求 ， 需要携带三个参数给后端 但是原本项目内简单封装 axios 的 get 请求就显得不那么简便了 （使用了在 url 后面进行拼接携带参数的方式 ），看着很繁琐 ， 用着也不爽 所以打算再次对 get 请求处理一下 ， 使之使用起来能更加的高效 ：
axios常用请求的封装（get、post等方法的封装&vue的跨域解决方案）
Hrenhua的博客
06-15 1882
axios请求封装复用，本文封装了get和post请求。vue的跨域解决方案
uview的http请求封装（get请求有坑）
我在深圳的这些日子的博客
06-09 4349
uview封装http请求
ajax的get传多个参数data,ajax $.get的data参数无法传递
06-07
对于 `$.get` 方法而言，可以通过在 URL 中添加参数的方式传递多个参数。例如： ``` $.get('/api/example?param1=value1&param2=value2', function(response) { // 处理响应结果 }); ``` 如果要使用 `data` 参数...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值