MVC第一个项目的HTML文件代码逻辑分析(一看就懂)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<!--HTML代码三步
1 首先引入jQuery库
2 网页代码 HTML代码 定义一个按钮。求和按钮
3 js代码 写一个点击事件方法。用下面的语法。 这是一个test2.HTML里面的全部逻辑所在-->
<!--1 首先引入jQuery库 -->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<!-- 网页代码 HTML代码 2 定义一个按钮。求和按钮 -->
<button> 计算求和</button>
<!-- 定义一个div标签。 result结果赋值给了 id。id就代表结果了。 -->
<div id="result"> </div>
<script>
//Ajax AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。
// HTML > XML
//XML 数据格式交互
//JSON 数据交互格式
//$.get() 10k 参数数据
//$.post(); 无限制,逻辑上也是有限的
//$.ajax();
//4MB
/* js代码 3 写一个点击事件。用下面的语法。 这是一个test2.HTML里面的全部逻辑所在。 用数字标记上流程。*/
$('button').click(function () {
//使用js 发起请求得到数据和处理结果
$.get('/10000.html', {}, res => {
console.info(res);
$('#result').append(red);
});
console.info('test');
});
</script>
</body>
</html>