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>

posted @ 2021-06-24 16:32  优敏行  阅读(141)  评论(0)    收藏  举报