web开发总结----数据流程

数据流程图：------------------------------------------------------------------------------------

 

 

 

前后端数据的交互途径：

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形式