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

数据流程图:------------------------------------------------------------------------------------

前后端数据的交互途径:

1、前端----》后端:

      1)、超链接---get请求(刷新页面同步、可跨域的提交)

      2)、表单---get/post请求(刷新页面同步、可跨域的提交)

      3)、Ajax对象---get/post请求(可刷新/不刷新的同步/异步、不可跨域提交)

      4)、jQuery---get/post/Ajax提交

2、前端《----后端:

扫描二维码关注公众号,回复: 1135270 查看本文章

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

猜你喜欢

转载自2277259257.iteye.com/blog/2161632