通过点击事件,使用异步抛送值为 1-100 的数组,并异步获取该数组,最终求该数组的累加和;
时间: 2024-03-13 13:44:50 浏览: 40
可以使用jQuery的ajax方法来实现数组的异步提交和获取,然后在获取到数组后再对数组进行累加求和操作。
示例代码如下:
HTML代码:
```html
<button id="submitBtn">提交</button>
```
JavaScript代码:
```javascript
$(document).ready(function() {
$('#submitBtn').click(function() {
var arr = [];
// 生成数组
for (var i = 1; i <= 100; i++) {
arr.push(i);
}
// 发送异步请求,提交数组
$.ajax({
url: 'your-url',
type: 'POST',
data: {arr: arr},
success: function(response) {
// 获取累加和
var sum = response.reduce(function(prev, curr) {
return prev + curr;
}, 0);
console.log('累加和为:' + sum);
},
error: function(xhr, status, error) {
console.error(error);
}
});
});
});
```
在点击按钮时,生成1-100的数组,并通过ajax方法异步提交到指定的URL,传递的数据为一个包含数组的对象{arr: arr}。在成功响应后,获取到数组并使用reduce方法对数组进行累加求和操作,最终输出结果。如果发生错误,则在error回调函数中输出错误信息。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![.zip](https://img-home.csdnimg.cn/images/20210720083646.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)