通过点击事件,使用异步抛送值为 1-100 的数组,并异步获取该数组,最终求该数组的累加和;
时间: 2024-03-13 18:44:50 浏览: 75
可以使用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回调函数中输出错误信息。
阅读全文