首先我给大家总结一下js中我们可以通过哪些方式让浏览器向服务器发起请求,获取服务端的数据
一、手动的方式
①在浏览器地址栏中输入URL地址
②特定元素的href/src属性
③form表单的提交,通过action传入服务端指定地址
这类方式的特点是必须通过用户的操作,比如回车、点击才能向服务端发出请求,同时页面会发生跳转或者刷新
二、自动的方式
①img标签,通过src属性可以在加载服务端图片数据
②link标签,通过rel属性定义文档与外部资源的关系,最常见的用途是链接样式表。
③iframe标签,通过src属性创建包含另外一个文档的内联框架
④script标签,通过src属性引入外部文档(重点关注下script,跨域问题)
以上两种请求方式都不属于网络编程,即无法通过代码的方式控制请求和响应,如果我们可以通过 JavaScript 直接发送网络请求,那么 能够实现的功能会更多,至少不再是“单机游戏”。而AJAX 就是浏览器提供的一套 API,它可以通过 JavaScript 调用,从而实现通过代码控制请求与响应。实现网络编程。
最后总结一下,常用获取服务端数据的方式: