举例:外卖餐厅订餐
- 初识状态:
~~~
丽德快餐厅
~~~
- 具体的菜单(菜品+价格),前台要从后台获取,这时就要前台想后台发送一个数据,jquery将Ajax封装。以GET方式向后台提交数据,链接后台的地址存在URL里面,async判断是否异步,一般都会选择true,异步,因为同步会出现卡顿现象,dataType,要求后台给我们返回的数据类型,success数据传送成功后生成的函数,函数里面的参数就是后台给我们返回的数据。
根据上图的流程,可以理解为,用户 通过脚本语言的 Ajax,向服务器传送HTTP请求,服务器将请求处理后返回一组数据到Ajax,经过一些列编码成HTML和CSS呈现给用户。毕竟所有的程序最终都要转化为HTML和CSS用户才能看到。
~
.ajax({
type: "get", //数据提交类型
url: "form-2.php?action=num",
data: {},
dataType: "json",
async: true,
success: function(data){
for(i in data) {
var div = document.createElement('div');
document.body.appendChild(div);(""+data[i][0]+" "+data[i][1]+" 订餐份数:").appendTo(div);
}
}
});
~
- 前台通过GET传送的请求,后台也要用GET方法接受,接受后将前台的需求返回。
~
menu=array(); menu[] = array("红烧肉",10);