数据流程图:------------------------------------------------------------------------------------
前后端数据的交互途径:
1、前端----》后端:
1)、超链接---get请求(刷新页面同步、可跨域的提交)
2)、表单---get/post请求(刷新页面同步、可跨域的提交)
3)、Ajax对象---get/post请求(可刷新/不刷新的同步/异步、不可跨域提交)
4)、jQuery---get/post/Ajax提交
2、前端《----后端:
1)、后端处理后整体html页面的数据输出
2)、Ajax请求的回调函数输出
如果把form表单数据不刷新、提交到别的域名下的处理方法????
方法:
1、Ajax提交到服务器端----服务器端处理转发给别的域
2、不用Ajax,表单直接提交(JS构造一个iframe,把表单提交到这个隐藏的iframe中去。这样可以提交表单,又不会刷新页面)
例子:
<form action="" method="POST" id="MyForm"> </form>
<script>
构造隐藏iframe
var iframe = document.createElement("iframe");
iframe.name = "ActionFrame";
iframe.id = "ActionFrame";
iframe.style="display:none" //设置隐藏该
iframedocument.body.appendChild(iframe); //构造一个对象。插入页面中。
开始提交
var MyForm = document.getElementById("MyForm");
MyForm.action = "http://"; //你的表单提交地址。如果写在上面了,这里可以不管。
MyForm.target = "ActionFrame"; //让表单在iframe中提交
MyForm.submit() //执行提交。
<cript>
数据的传输形式:-------------------------------------------------------------------------------
1、字符串文本
2、JSON对象形式
3、XML对象形式
4、InputStream形式