基于ajax的加法运算
前端代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<input type="text" id="i1"> + <input type="text" id="i2"> = <input type="text" id="i3">
<button id="b1">求和</button>
<script>
$('#b1').on('click', function () {
{#alert('123')#}
$.ajax({
url:'', // 控制发送给谁,不写就是朝当前地址提交
type: 'post', // 发送方式post请求
data: {'i1': $('#i1').val(),'i2': $('#i2').val()}, //发送数据, 取第一个匹配元素的当前值
success:function (data) {
{#alert(data) // 将后端计算好的结果 通过dom操作 ,渲染到第三个input框中#}
$('#i3').val(data)
}
})
})
</script>
</body>
</html>
<!DOCT
