- 表单提交,以get请求为例:
<form action="http://foo.com" method="get">
<div>
<input name="say" id="say" value="Hi">
<div>
<div>
<button>Send my greetings</button>
</div>
</form>
提交表单会直接创建一个http请求,向服务器发送请求数据,服务器会响应请求。
http消息的组成,请求和响应在这里先不表,后面再写一篇文章。
- AJAX请求又是什么呢
官方的定义是Asynchronous Javascript And XML”(异步的 JavaScript 和 XML)
,依靠 XMLHttpRequest
(XHR) DOM 对象。它可以构造 HTTP 请求、发送它们,并获取请求结果。
//创建XMLHttpRequest实例
var xmlhttp =new XMLHttpRequest();
//向服务器发送请求
xmlhttp.open("GET","ajax_info.txt",true);
xmlhttp.send();
// 接收响应
var response=xmlhttp.responseText;
表单提交,提交动作是我们通过点击提交按钮的方式进行触发,提交的数据是表单的数据
ajax请求的发送由js代码来完成,请求数据和参数也在js中设置完成
结论
本质上讲,他们的都是http请求,只是表现形式不一样,应用场景不一样