Ajax使用

最新推荐文章于 2023-11-21 13:31:26 发布
最新推荐文章于 2023-11-21 13:31:26 发布
阅读量288 收藏 1
点赞数 2
分类专栏： js ajax 文章标签： ajax javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/beekim/article/details/120057526
版权
js 同时被 2 个专栏收录
14 篇文章 0 订阅
订阅专栏
ajax
2 篇文章 0 订阅
订阅专栏

1.入门

主要掌握：

json数据转换

简单的封装，创建流程

能够使用、读懂别人写的封装，jq的封装使用

跨域概念

注：本文的所有Ajax操作都是在WampServer的www目录下启动的

1.1 简介

AJAX = Asynchronous JavaScript And XML.

AJAX 并非编程语言。

主要为了创建更快、更好的web程序

优点：常用于局部刷新

官方文档：https://www.w3school.com.cn/js/js_ajax_intro.asp

同步异步：

同步是指：当程序1调用程序2时，程序1停下不动，直到程序2完成回到程序1来，程序1才继续执行下去。

异步是指：当程序1调用程序2时，程序1径自继续自己的下一个动作，不受程序2的的影响。

1.2 Ajax能干嘛

  • 不刷新页面更新网页
  • 在页面加载后从服务器请求数据
  • 在页面加载后从服务器接收数据
  • 在后台向服务器发送数据

1.3 JSON的转换

var json=[
    {
        name:'雷军',
        attr:'雷属性',
        address:'稻妻'
    },
    {
        name:'温迪',
        attr:'风属性',
        address:'蒙德'
    },
    {
        name:'钟离',
        attr:'岩属性',
        address:'璃月'
    },

]

方法一：（推荐）

var arr=JSON.stringify(json)//将json对象转为字符串
var arr=JSON.parse(arr)//将json字符串转为json数组对象
console.log(arr)

JSON.stringify(obj,arr)

第二个参数为过滤字段

//过滤
var str =JSON.stringify(json,['name'])
console.log((str)

image-20210831110112798

方法二：（不推荐）

//eval() 不推荐
var arr=eval(json)
console.log(arr)

2 Ajax创建

ajax请求的过程：
1、创建ajax对象  XMLHttpRequest  或者 IE采用activeXObject
2、发起http请求  get/post   open()  send()
3、监听状态改变  onreadystatechange监听readyState   status
4、接收服务器响应的数据  responseText
5、渲染页面

2.0监听状态码

onreadystatechange 当readyState发生改变则自动调用
readState 为服务器的状态信息
0请求未初始化（在调用 open() 之前）
1请求已提出（调用 send() 之前）
2请求已发送（这里通常可以从响应得到内容头部）
3请求处理中（响应中通常有部分数据可用，但是服务器还没有完成响应）
4请求已完成（可以访问服务器响应并使用它）

常见的http状态码：https://www.cnblogs.com/xflonga/p/9368993.html

200:OK

304:not modified

400:错误请求（bad request）

401:未授权（unauthorized）

403：禁止（forbidden）

404：not found

500：服务器出错

2.1get方法

// 1、创建ajax对象 
function Ajax(){
    var ajax;
    if(window.XMLHttpRequest){
        try{
            ajax=new XMLHttpRequest();
        }catch(err){
            console.error(err)
        }
    }
    else if(window.ActiveXObject){
        try{
            var version = [
                'Microsoft.XMLHTTP',
                'MSXML.XMLHTTP',
                'MSXML2.XMLHTTP.3.0',
                'Msxml2.XMLHTTP.4.0',
                'Msxml2.XMLHTTP.5.0',
                'Msxml2.XMLHTTP.6.0',
                'Msxml2.XMLHTTP.7.0'
            ]
            for(var i=0;i<version.length;i++){
                ajax=new ActiveXObject(version[i])
            }
            ajax=new ActiveXObject()

        }catch(err){
            console.error(err)
        }
    }
    return ajax;
}

//3、监听状态改变
var btn=document.querySelector('button')
btn.onclick=function(){
    var ajax=Ajax()
    // var data

    console.log(ajax)
    ajax.onreadystatechange=function(){
        if(ajax.readyState==4 && ajax.status==200){
            //4，接收服务器响应的数据
           var data=JSON.parse(ajax.responseText)
		  console.log(data)//查看有没有给服务器传值成功
        }
    }

    //2、发起http请求数据get  
    
     //open(请求类型，URL地址，true)
	 //send()发送请求数据到服务器 get请求的数据直接写在url之后
    ajax.open('get','getData.php?name=key',true)
    
    //get请求必须有send()方法，send内写为null
    ajax.send(null)

}

<?php
    // 获取get请求传递的数据
    // var_dump($_GET)

    //后端只要有输出则为响应的数据
    // echo '111';
    // echo '服务器端数据';

    //json_encode()将数组转换为json字符串
    echo json_encode($_GET);
?>

image-20210831193819665

image-20210831193858492

2.2post方法

常见的四种post提交数据的content-type的类型

https://www.cnblogs.com/wushifeng/p/6707248.html

方法一：

// 1、创建ajax对象 
function Ajax(){
    var ajax;
    if(window.XMLHttpRequest){
        try{
            ajax=new XMLHttpRequest();
        }catch(err){
            console.error(err)
        }
    }
    else if(window.ActiveXObject){
        try{
            var version = [
                'Microsoft.XMLHTTP',
                'MSXML.XMLHTTP',
                'MSXML2.XMLHTTP.3.0',
                'Msxml2.XMLHTTP.4.0',
                'Msxml2.XMLHTTP.5.0',
                'Msxml2.XMLHTTP.6.0',
                'Msxml2.XMLHTTP.7.0'
            ]
            for(var i=0;i<version.length;i++){
                ajax=new ActiveXObject(version[i])
            }
            ajax=new ActiveXObject()

        }catch(err){
            console.error(err)
        }
    }
    return ajax;
}

//3、监听状态改变
var btn=document.querySelector('button')
btn.onclick=function(){
    var ajax=Ajax()
    // var data

    console.log(ajax)
    ajax.onreadystatechange=function(){
        if(ajax.readyState==4 && ajax.status==200){
            //4，接收服务器响应的数据
           var data=JSON.parse(ajax.responseText)
		  console.log(data)//查看有没有给服务器传值成功
        }
    }

    //2、发起http请求数据post  
    
ajax.open('POST','postData.php',true)
ajax.setRequestHeader('content-type','application/x-www-form-urlencoded')
ajax.send('name=zhangsan&age=18')

}


<?php
	 echo json_encode($_POST);
?>

image-20210831194424489

image-20210831194436997

方法二：

// 1、创建ajax对象 
function Ajax(){
    var ajax;
    if(window.XMLHttpRequest){
        try{
            ajax=new XMLHttpRequest();
        }catch(err){
            console.error(err)
        }
    }
    else if(window.ActiveXObject){
        try{
            var version = [
                'Microsoft.XMLHTTP',
                'MSXML.XMLHTTP',
                'MSXML2.XMLHTTP.3.0',
                'Msxml2.XMLHTTP.4.0',
                'Msxml2.XMLHTTP.5.0',
                'Msxml2.XMLHTTP.6.0',
                'Msxml2.XMLHTTP.7.0'
            ]
            for(var i=0;i<version.length;i++){
                ajax=new ActiveXObject(version[i])
            }
            ajax=new ActiveXObject()

        }catch(err){
            console.error(err)
        }
    }
    return ajax;
}

//3、监听状态改变
var btn=document.querySelector('button')
btn.onclick=function(){
    var ajax=Ajax()
    // var data

    console.log(ajax)
    ajax.onreadystatechange=function(){
        if(ajax.readyState==4 && ajax.status==200){
            //4，接收服务器响应的数据
           var data=JSON.parse(ajax.responseText)
		  console.log(data)//查看有没有给服务器传值成功
        }
    }

    //2、发起http请求数据post  
    ajax.open('POST','postData.php',true)
    ajax.setRequestHeader('content-type','application/json')
    var data=[{name:'zhangsan',age:12}]
    ajax.send(JSON.stringify(data))

}

image-20210831194743462

可以看到这种方式响应的数据没有直接获取到，但是在Headers下，我们已经传输成功了，这时需要后端人员自己来得到我们传过去的数据。

image-20210831194855114

2.3get,post?

GET 比 POST 更简单更快，可用于大多数情况下。

不过，请在以下情况始终使用 POST：

  • 缓存文件不是选项（更新服务器上的文件或数据库）

  • 向服务器发送大量数据（POST 无大小限制）

  • 发送用户输入（可包含未知字符），POST 比 GET 更强大更安全

  • get的数据可以直接在url中查看，post不能看到

  • get数据有大小限制，post没有大小限制

  • get不安全，post安全

在ajax中：

  • post的数据是在send里面发送的，get的数据是在open的第二个参数url地址里发送的
  • post还多了一个setRequestHeader请求头部

3，封装ajax

function Ajax(getType){ 
	//创建一个新变量
	var ajax = new Object();

	//判断传递进来的文件类型
	ajax.getType = getType ? getType.toUpperCase() : 'HTML';
	ajax.url = '';//url地址
	ajax.sendContent = '';//发送过来的数据

	// 创建ajax对象
	ajax.getXMLHttpRequest = function(){ 
		//1.自定义局部变量ajax对象
			var aj = false;

			//分两种情况获取

			//1.非IE(除了IE7和IE8)
			if(window.XMLHttpRequest){ 
				//获取ajax对象
				aj = new XMLHttpRequest();
				
				//判断  对部分mozillar浏览器的BUG进行修正
				if(aj.overrideMimeType){ 
					aj.overrideMimeType('text/xml');
				}

			//IE
			}else if(window.ActiveXObject){ 
				//区分不同版本IE浏览器

				var versons = [ 
					'Microsoft.XMLHTTP',
					'MSXML.XMLHTTP',
					'MSXML2.XMLHTTP.3.0',
					'Msxml2.XMLHTTP.4.0',
					'Msxml2.XMLHTTP.5.0',
					'Msxml2.XMLHTTP.6.0',
					'Msxml2.XMLHTTP.7.0'
				];

				//遍历数组
				for(var i=0;i<versons.length;i++){ 
					try{ 
						aj = new ActiveXObject(versons[i]);

						if(aj){ 
							return aj;
						}

					}catch(e){ 
						aj = false;
					}
				}
			}
			return aj;
	};

	ajax.resHandle = '';//回调函数

	//获取ajax的XMLHttpRequest对象
	ajax.XMLHttpRequest = ajax.getXMLHttpRequest();

	//封装ajax的get方法
	ajax.get = function(url,sendContent,resHandle){ 
		//将实参赋值给自定义的ajax对象的url属性
		ajax.url = url;
		// sendContent    {name:'1223',age:10}
		
		// 处理发送过来的信息
		if(typeof sendContent == 'object'){
			var str = '';
			for(var i in sendContent){
				str += i+'='+sendContent[i]+'&';//name=ccc&age=20			
				// console.log(i);
				// console.log(sendContent[i]);
			}
			
			// console.log(str);
			
			// 去除多余的&
			ajax.url = url+'?'+str.substr(0,str.length-1);
		}else{
			ajax.url = url+'?'+sendContent;
		}
		

		//判断resHandle是否为空
		if(resHandle != null){ 
			//将回调函数赋值给全局变量并且使用内部函数去处理
		// 	ajax.XMLHttpRequest.onreadystatechange = function(){ 
		// 	//判断状态值
		// 	if(ajax.XMLHttpRequest.readyState == 4){ 
		// 		if(ajax.XMLHttpRequest.status == 200){ 
		// 			if(ajax.getType == 'HTML'){ 
		// 				//响应ajax 调用reshandle
		// 				ajax.resHandle(ajax.XMLHttpRequest.responseText);
		// 			}
		// 		}
		// 	}
		// };
			ajax.XMLHttpRequest.onreadystatechange = ajax.doHandle;
			// 将传入的回调函数赋值给全局变量ajax.resHandle
			ajax.resHandle = resHandle;
		}

		if(window.XMLHttpRequest){ 
			ajax.XMLHttpRequest.open("get",ajax.url);
			ajax.XMLHttpRequest.send(null);
		}else{ 
			ajax.XMLHttpRequest.open("get",ajax.url,true);
			ajax.XMLHttpRequest.send();
		}
	};

	//处理ajax监听事件
	ajax.doHandle = function(){ 
		//判断状态值
		if(ajax.XMLHttpRequest.readyState == 4){ 
			if(ajax.XMLHttpRequest.status == 200){ 
				if(ajax.getType == 'HTML'){ 
					//响应ajax 调用reshandle
					ajax.resHandle(ajax.XMLHttpRequest.responseText);
				}
			}
		}
	};

	//封装post
	ajax.post = function(url,sendContent,resHandle){ 
		//将实参赋值给变量
		ajax.url = url;
		//判断sendContent是否是对象
		if(typeof sendContent == 'object'){ 
			//是对象
			var str = '';
			//遍历对象  for(var 变量 in obj){}   {name:'sss',age:40}
			for(var i in sendContent){ 
				//变成对象形式的字符串
				// alert(i+sendContent[i]);
				str += i+'='+sendContent[i]+'&'
				// str+=i+"="+sendContent[i]+"&"; //  name=aaa&age=19&
			}
			//去掉最后一个多余的"&"   substr(开始下标,截取个数)从开始下标开始截取，截取指定的个数   lastIndexOf() slice(start,end)
			ajax.sendContent = str.substr(0,str.length-1);
		}else{ 
			//不是对象
			ajax.sendContent = sendContent;
		}

		//处理回调函数

		//判断回调函数是否为空
		if(resHandle != null){ 
			//处理监听事件
			ajax.XMLHttpRequest.onreadystatechange = ajax.doHandle; 
			//将用户传递过来的回调函数交给全局属性
			ajax.resHandle = resHandle;
		}

		//处理ajax的请求
		ajax.XMLHttpRequest.open("post",url,true);
		ajax.XMLHttpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
		ajax.XMLHttpRequest.send(ajax.sendContent);
	};
	return ajax;
}

// var ajax = new Ajax();
// console.log(ajax);

// ajax.post("a.php","username=kuikui&age=18",function(data){ 
// 		alert(data);
// });

// ajax.post("a.php",{username:"maimai",age:22},function(data){ 
// 		alert(data);
// });

测试：

<script src="ajax.js"></script>
<script>
    var ajax=new Ajax()
// ajax.get('getData.php','name=cdd&sex=boy',function(data){
//     console.log(data)
// })

// ajax.get('getData.php',{name:'胡桃',sex:'女'},function(data){
//     var data=JSON.parse(data)
//     console.log(data)
// })

 ajax.post('postData.php',{name:'胡桃',sex:'女'},function(data){
     var data=JSON.parse(data)
     console.log(data)
 })

)
</script>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-sdti0Okf-1630553134803)(C:%5CUsers%5Ccdd%5CAppData%5CRoaming%5CTypora%5Ctypora-user-images%5Cimage-20210901191434445.png)]

4，从本地json文件中获取数据

wearth.json

{"desc":"OK","status":1000,"data":{"wendu":"22","ganmao":"风较大，较易发生感冒，注意防护。","forecast":[{"fengxiang":"北风","fengli":"5-6级","high":"高温 24℃","type":"晴","low":"低温 11℃","date":"3日星期六"},{"fengxiang":"北风","fengli":"4-5级","high":"高温 19℃","type":"晴","low":"低温 8℃","date":"4日星期日"},{"fengxiang":"无持续风向","fengli":"微风","high":"高温 21℃","type":"晴","low":"低温 9℃","date":"5日星期一"},{"fengxiang":"无持续风向","fengli":"微风","high":"高温 21℃","type":"多云","low":"低温 10℃","date":"6日星期二"},{"fengxiang":"无持续风向","fengli":"微风","high":"高温 24℃","type":"晴","low":"低温 12℃","date":"7日星期三"},{"fengxiang":"无持续风向","fengli":"微风","high":"高温 23℃","type":"晴","low":"低温 11℃","date":"8日星期四"}]}}

*{
    padding: 0;
    margin: 0;
}
.box{
    width: 1000px;
    height: 700px;
    margin: 0 auto;
}
.current{
    font-size: 18px;
}
.current p{
    font-size: 16px;
}
.forecast{
    font-size: 18px;
}
.w_content{
    width: 1000px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
}
.w_content div{
    width: 300px;
    height: 200px;
    margin: 10px 0;
    background-color: #fff;
    box-shadow: 1px 2px 30px rgb(0, 0, 0,0.1);
}

<div class="box">
    <div class="current">
        今日天气<p><span>22</span>℃</p><p></p></div>
    <div class="forecast">
        <div class="head">未来天气</div>
        <div class="w_content">
        </div>
    </div>
</div>

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script>
    $(function(){
    $.ajax({
        url:"wearth.json",
        type:'get',
        data:{

        },//请求时传递到服务器的数据
        async:true,//是否异步发送  可以省略，默认值为true
        dataType:'json',//服务器返回的数据类型   jsonp常用作跨域
        success:function(data){
            $('.box .current p').eq(1).html(data.data.wendu)
            $('.box .current p:last-child').html(data.data.ganmao)
            // 给未来天气追加信息
            for(var i=0;i<data.data.forecast.length;i++){
                $('.w_content').append("<div><p>"+data.data.forecast[i].date+"</p><p>"+data.data.forecast[i].fengli+"</p><p>"+data.data.forecast[i].fengxiang+"</p><p>"+data.data.forecast[i].high+"</p><p>"+data.data.forecast[i].low+"</p><p>"+data.data.forecast[i].type+"</p></div>")  
            }   
        }
    })
})

</script>

image-20210901191713746

5，跨域

5.1概念

从一个域访问另外一个域的内容。

不同的域的定义：只要有一个不一样就是不同的域

协议（http/https）域名（主域名 子域名） 端口号

http/https?

  • http连接简单，明文传输，https的安全等级高些，通过ssl/tls加密传输、身份认证。
  • https协议需要到ca申请证书，需要一定费用。
  • 端口不同，http 80端口，https 443端口。

同源策略

当游览器访问存在跨域时，游览器会对其进行限制，该限制叫做同源策略。

5.2方式

1.原生js通过动态创建script标签，获取数据

var tag =document.createElement('script')
tag.src='请求的url地址&callback=callbackfun'

function callbackfun(data){
    console.log(data)
}

eg:

 <button>点我一下</button>

var btn=document.querySelector('button')
var head=document.querySelector('head')
btn.onclick=function(){
    var tag=document.createElement('script')
    head.appendChild(tag)
    tag.src='http://v.juhe.cn/joke/content/list.php?你的APIkeyid  &page=2&pagesize=10&sort=asc&time=1418745237&callback=callbackfun'
}
function callbackfun(data){
    console.log(data)
}

image-20210902110208001

2.采用jQuery中使用jsonp来跨域

<script src="jquery-3.5.1.min.js"></script>
<script>
    $(function(){
    $.ajax({
        url:'http://v.juhe.cn/joke/content/list.php',
        type:'get',
        data:{
            key:'你的API keyid',
            page:2,
            pagesize:5,
            sort:'asc',
            time:1418745237

        },
        dataType:'jsonp',
        success:function(data){
            console.log(data)
        },
        error:function(err){
            console.error(err)
        }
    })
})
</script>

image-20210902110949463

键.
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Ajax（Ajax使用js包）
02-27
使用Ajax实现从服务器读取数据，包括Ajax实现的详细步骤
ajax的初级使用（$.ajax,$.get,$.post）以及json的介绍和初级使用以及相关应用的代码
qq_53190228的博客
07-27 452
ajax三个基本方法的简介，jquery中ajax的基本应用，json的简介，应用，和用StringBuffer拼成Json格式从Servlet中获取数据库数据再使用json的格式传到前端输出的源码
Ajax的基本使用
weixin_67235801的博客
05-04 6418
Ajax的基本使用，无刷新登录，使用Ajax实现搜索自动提示
AJAX请求是什么？
希冀
04-23 5814
文章目录什么是AJAX请求？原生AJAX请求的示例：jQuery中的AJAX请求 什么是AJAX请求？ AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。 ajax是一种浏览器通过js异步发起请求，局部更新页面的技术。 Ajax请求的局部更新，浏览器地址栏不会发生变化 局部更新不会舍弃原来...
web前端(6)：Ajax的简单使用
不愿意透露姓名的网友
09-21 2898
AJAX （全称：Asynchronous JavaScript and XML）异步的 JavaScript 和 XMLAJAX 不是新的编程语言，而是一种使用现有标准的新方法。AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容AJAX 不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。
var ajax new ajax,Ajax知识点
weixin_42135753的博客
08-05 474
1.Ajax是什么：AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。2.两种常用的数据格式：JSON和XML(JSON与XML都是常见的数据格式 都是标记语言)(1)JSON(JavaScript Object Notation)轻量级数据格式(272字节) (2)XML是一种可拓展标记语言(406字节)(3)JSON的优势：轻量级，解析比XML更快，查找数据无...
Ajax使用示例
12-07
Ajax使用示例完整项目代码，参考博客：http://blog.csdn.net/daijin888888/article/details/51208570
ThinkPHP中ajax使用实例教程
10-25
主要介绍了ThinkPHP中ajax使用, 是ThinkPHP开发中非常实用的技巧,需要的朋友可以参考下
原生ajax使用
11-29
本代码是原生ajax使用demo，详情请查看博客 原生Ajax使用笔记
ajax使用实例
03-17
对于初学者而言学ajax是不错的资源
AjaxRequest(Ajax使用包)
10-21
Ajax开发包Ajax开发包Ajax开发包Ajax开发包Ajax开发包Ajax开发包Ajax开发包Ajax开发包Ajax开发包Ajax开发包
Ajax的用法
bankser的博客
03-28 3104
文章目录前言一、Ajax的概念二、实现方式1.$.ajax()2.$.get()3.$.post()总结 前言 ajax是在学习JavaWeb阶段非常重要的内容，是提高用户体验感最重要的技术之一。 一、Ajax的概念   AJAX：ASynchronous JavaScript And XML：异步的JavaScript和XML。   异步和同步：客户端和服务器端互相通信的基础上   同步：客户端必须等待服务器响应。在等待的期间客户端不能做其它操作。   异步：客户端不需要等待服务器端的响应。在服务
JS----Ajax中XMLHttpRequest常用方法及属性
bugQueen的博客
12-23 1338
1. XMLHttpRequest常用方法 一、open(); XMLHttpRequest.open()方法用于指定 HTTP 请求的参数，或者说初始化 XMLHttpRequest 实例对象。它一共可以接受五个参数。 例： xhr.open('POST', '/carrots-admin-ajax/a/login', true); 参数: method:用于指定请求的类型 "GET"或者"POST" url:用于请求的地址, 可相对可绝对 asyncFlag:指定请求方式为同步还是异步, true
Ajax的基础使用
jakelihua
01-11 650
ajax的基本使用
Ajax详细用法
m0_59812088的博客
11-26 1240
AJAX 是异步的 JavaScript 和 XML简单点说，就是使用对象与服务器通信。它可以使用 JSON，XML，HTML 和 text 文本等格式发送和接收数据。AJAX 最吸引人的就是它的 “异步” 特性，也就是说它可以在不重新刷新页面的情况下与服务器通信，交换数据，或更新页面。Ajax详细介绍axios中文文档使用 Ajax 请求数据的 5 种方式描述POST向服务器新增数据GET从服务器获取数据DELETE删除axios的数据PUTPromise
Ajax怎么用？
weixin_61665636的博客
11-11 469
1. 网速慢的情况下，页面加载时间长，用户只能等待。2. 表单提交后，如果一项内容布合格，需要重新填写所有表单内容。3. 页面跳转，重新加载页面，造成资源浪费，增加用户等待时间。Ajax：中问音译: 阿贾克斯它是浏览器提供的一套方法，可以实现页面无刷新更新数据，提高用户浏览网站应用的体验。Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式、快速动态网页应用的网页开发技术，无需重新加载整个网页的情况下，能够更新部分网页的
防抖函数：多次执行只执行最后一次。setTimeout延时请求操作，适用于input搜索时搜索内容没有完全收集完毕就已经发起了接口请求
前端小白的逆袭
10-17 1437
防抖函数 setTimeout延时请求操作，适用于input内容变化时搜索。如果输入速度过快，可能会出现搜索内容没有完全收集完毕就发起了接口请求，导致搜索结果不准确,前端,setTimeout延时请求操作
Ajax的简单使用
m0_62609939的博客
04-28 1368
Ajax的简单使用
Ajax（基本介绍+使用+示例代码+场景回放）
weixin_45594172的博客
11-21 3480
Ajax（基本介绍+使用+示例代码+场景回放）
jquery ajax使用
最新发布
05-16
使用jQuery Ajax，您可以使用JavaScript从Web服务器请求数据，而无需重新加载整个网页。 以下是使用jQuery Ajax的一些步骤： 1. 引入jQuery库：在HTML文档中，需要先引入jQuery库。 2. 准备请求：使用$.ajax()...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值