Ajax简单异步请求示例
不用刷页面也能更新内容的技巧，Ajax就是这么个好东西。以前点个按钮要全页刷新，现在异步一搞，响应也快，体验也好。这套简单项目用的技术不多，HTML打底，JavaScript搞逻辑，XMLHttpRequest来搞求，代码还挺清晰的，适合初学者上手练练。
页面结构就靠 HTML 撑着，比如<form>;配<input>;加<button>;，简单实用。逻辑部分用原生 JavaScript 写的，没花里胡哨的东西，像xhr.send()、xhr.onreadystatechange这些一看就明白。
啦，现在主流用axios或者jQuery.ajax()来发求更省事，项目里也贴了对比代码。比如：
axios.post('server.php', {
data: 'value'
}).then(function(response) {
console.log(response.data);
});JSON数据解析也有提到，用JSON.parse()就能搞定，后端一回 JSON，前端就能直接拿来用，挺方便的。还有异步的callback、Promise和async/await，也有简单带过。
就是动态更新页面的部分啦，拿到数据后改改innerHTML、加点 DOM 操作，内容就变了。整个流程一气呵成，适合你动手练练。哦对，diyi_Ajax文件夹里应该就放着完整代码，想学直接看。
如果你是刚学前端，想搞清楚Ajax到底怎么玩，这个项目还蛮适合拿来练手的。
文件大小：527.19KB
评论区