服务器-Ajax提交表单与一般提交表单的差别?

问题描述

Ajax提交表单与一般提交表单的差别?

在一般提交表单时,浏览器html将表单数据submit到服务器后,服务器会执行相关的处理脚本
比如(php,asp)等,进行处理,再将相关的HTML返回到浏览器端。

而ajax改变了这一过程,它是浏览器html将表单数据提交给本地的javascript,而javascript调用XMLHTTPRequest, 利用XMLHTTPRequest将数据传给服务器端,服务器端通过javascript收到数据,再调用处理脚本(php, asp)进行处理,再将处理后的HTML通过javascript返回到浏览器。

感觉在这里ajax与一般的提交表单的差别就是不用submit,而是采用了javascript,
而javascript中调用了具有传递与接收数据功能的XMLHTTPRequest等。
是不是这样的啊?

解决方案

一个是js api发的http包,一个是游览器发的http 包。。本质没啥区别

解决方案二:

ajax提交表单
ajax提交多个表单
ajax异步提交表单

解决方案三:

ajax就是异步,对js进行了封装,让你用着更舒服点,比如传参等,直接写入data节点,而不用你再去拼接url

解决方案四:

FORM提交会更改浏览器地址栏的URL,AJAX提交不会,两者达到的效果基本相同!

解决方案五:

基本没却别,但是需要注意ajax不响应服务器端的跳转头控制浏览器进行跳转,需要自己用js进行跳转

时间: 2024-10-13 14:09:07

服务器-Ajax提交表单与一般提交表单的差别?的相关文章

Ajax方式提交带文件上传的表单及隐藏iframe应用

一般的表单都是通过ajax方式提交,所以碰到带文件上传的表单就比较麻烦.基本原理就是在页面增加一个隐藏iframe,然后通过ajax提交除文件之外的表单数据,在表单数据提交成功之后的回调函数中,通过form单独提交文件,而这个提交文件的form的target就指向前述隐藏的iframe. html 代码 复制代码 代码如下: <html> <body> <form action="upload.jsp" id="form1" name=

Ajax方式提交带文件上传的表单及隐藏iframe应用_AJAX相关

一般的表单都是通过ajax方式提交,所以碰到带文件上传的表单就比较麻烦.基本原理就是在页面增加一个隐藏iframe,然后通过ajax提交除文件之外的表单数据,在表单数据提交成功之后的回调函数中,通过form单独提交文件,而这个提交文件的form的target就指向前述隐藏的iframe. html 代码 复制代码 代码如下: <html> <body> <form action="upload.jsp" id="form1" name=

[转自Scott]ASP.NET MVC框架(第四部分): 处理表单编辑和提交场景

英文原文地址:http://weblogs.asp.net/scottgu/archive/2007/12/09/asp-net-mvc-framework-part-4-handling-form-edit-and-post-scenarios.aspx 翻译原文地址:http://blog.joycode.com/scottgu/archive/2007/12/10/112465.aspx 过去的几个星期内,我一直在写着讨论我们正在开发的新ASP.NET MVC框架的系列贴子.ASP.NET

JSP实例 服务器端判断表单是否重复提交

在服务器端判断表单是否重复提交,主要可以考虑在页面之间通过Session共享标志变量的方法来实现,即在客户端页面设置Session中的标志变量,然后在服务器段对Session中的标志变量进行判断. 1.新建一个ServerTest.jsp文件,代码如下: <%@ page language="java" contentType="text/html; charset=Gb2312" pageEncoding="Gb2312"%><

JSP在服务器端判断表单是否重复提交的实例

在服务器端判断表单是否重复提交,主要可以考虑在页面之间通过Session共享标志变量的方法来实现,即在客户端页面设置Session中的标志变量,然后在服务器段对Session中的标志变量进行判断. 1.新建一个ServerTest.jsp文件,代码如下: <%@ page language="java" contentType="text/html; charset=Gb2312" pageEncoding="Gb2312"%> &l

javascript-js我想让2个form表单、都提交。但是只会执行第二个。这是为什么

问题描述 js我想让2个form表单.都提交.但是只会执行第二个.这是为什么 我想js我想让2个form表单.都执行.但是只会执行第二个.这是为什么, 解决方案 表单增加target="_blank"提交到新窗口..要不你2个表单都是在当前窗口提交,浏览器怎么知道是要提交哪个,只能乱提交了.. 要不就用ajax异步提交,不要使用普通表单的提交方式 解决方案二: 既然同时执行,为什么写成俩个form,一个form不就好了吗,你要做什么操作就在js中实现,一个form肯定能实现的,你俩个f

java-ajax提交带有file标签的form表单

问题描述 ajax提交带有file标签的form表单 struts2中中有一个的标签,直接提交可以把文件名.等参数提交到后台.现在的问题的是有一个树形的文件列表界面,根节点是文件夹,子节点是文件,选中文件夹那一行然后点击右键会有个上传文件的菜单项,那么怎么将选中的那一行的属性和标签的文件名等属性一起提交到后台.有点啰嗦,不知道描述清楚了没有,求指点,感激不尽. 解决方案 将节点的信息放到表单hidden控件中,给表单指定target提交到隐藏iframe来实现文件上传,或者用jquery.for

狼友们,问个问题 如何防止表单的本地提交?

问题描述 狼友们,问个问题如何防止表单的本地提交?比如说我在本地<form....action="http://***/regsuc.aspx"><inputtype=textname="username"value="张三"></form>远程http://***/regsuc.aspxresponse.write(request.form["name"].tostring());//结果

js 提交form表单和设置form表单请求路径的实现方法_javascript技巧

如下所示: form表单ID:postform 设置表单请求url document.postform.action = "SaveReturnInfo"; 提交form表单 document.getElementById("postform").submit(); 以上就是小编为大家带来的js 提交form表单和设置form表单请求路径的实现方法全部内容了,希望大家多多支持~ 以上是小编为您精心准备的的内容,在的博客.问答.公众号.人物.课程等栏目也有的相关内容,