46、AJAX

AJAX:

概念:ASynchronous JavaScript And XML,异步的JavaScript和XML

作用:提升用户体验

异步和同步:在客户端和服务器端通信的基础上

同步:客户端必须等待服务器端端响应,在等待的期间客户端不能做其他操作

异步:客户端不需要等待服务器端的响应,在服务器处理请求的过程中,客户端可以进行其他操作

 

实现方式:

1、原生的JS实现方式

2、JQ实现方式

    1、$.ajax()

        语法:$.ajax({ 键值对})

        常用键:url,请求路径

                    type,请求方式

                    data,请求参数

                    success,响应成功后的回调函数

                    error,响应错误的回调函数

                    datatype,设置接受到的响应数据格式

    2、$.get()

            语法:$.get(URL,[data] ,[callback], [Type])

            参数:url,请求路径

                     data,请求参数

                    callback,回调函数

                    type,响应结果的类型

    3、$.post()

            语法:$.post(URL,[data] ,[callback], [Type])

            参数:url,请求路径

                     data,请求参数

                    callback,回调函数

                    type,响应结果的类型

转载于:https://my.oschina.net/u/4131739/blog/3069376

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是使用 echarts 实现基于冒泡排序的动态显示程序: html: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>冒泡排序</title> <script src="https://cdn.bootcdn.net/ajax/libs/echarts/4.8.0/echarts.min.js"></script> </head> <body> <div id="chart" style="width: 600px;height:400px;"></div> <script src="bubbleSort.js"></script> </body> </html> JavaScript: var arr = [3,38,44,5,47,15,36,26,27,2,46,4,19,50,48]; // 初始化数据 var option = { title:{ text: '冒泡排序', left: 'center' }, xAxis: { data: arr.map(function (item, index) { return index + 1; }), name: '排序轮次' }, yAxis:{ name: '值' }, series: [ { name: '值', type: 'bar', data: arr, label: { show: true, position: 'top' } } ] }; // 初始化echarts实例 var myChart = echarts.init(document.getElementById('chart')); // 渲染图表 myChart.setOption(option); // 冒泡排序 function bubbleSort(arr) { var len = arr.length; for (var i = 0; i < len; i++) { for (var j = 0; j < len - 1 - i; j++) { if (arr[j] > arr[j+1]) { var temp = arr[j+1]; arr[j+1] = arr[j]; arr[j] = temp; updateChart(myChart, arr, i, j); } } } } // 更新图表数据 function updateChart(chart, arr, i, j) { var option = chart.getOption(); var data = option.series[0].data; data[j] = arr[j]; data[j+1] = arr[j+1]; option.title.subtext = '第' + (i+1) + '轮第' + (j+1) + '次交换'; option.series[0].data = data; chart.setOption(option, true); } bubbleSort(arr); 在上面的代码中,我们首先定义了一个包含要排序的元素的数组 arr。然后,我们创建了一个 echarts 图表实例,包含在 div 元素中,用来显示冒泡排序的过程。初始化图表中包含单个柱状图系列,其数据来自于初始数组。接下来,我们定义了 bubbleSort() 函数,其中使用两个 for 循环循环遍历数组并对相邻的两个元素进行比较。如果前一个元素大于后一个元素,我们就交换它们的位置,在交换过程中更新图表数据,使图表中的柱状图序列能够动态地更新。最后,我们调用 bubbleSort() 函数并传递初始数组作为参数,将冒泡排序算法应用于它,完成动态冒泡排序图表的创建。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值