前端提交数据/访问后端的几种方式:Ajax,form,触发,window.open()
2018-01-19 12:21
465 查看
一:form表单提交-button submit触发
表单中除了数据填写插件还含有确定键、取消键和重置键,点击提交键可以将表单内容,表单内容可以是一般内容,也可以是图片等媒体内容。action等属性也可以放在js中,一般使用onsubmit来进行验证。
<form id name action method enctype onsubmit >
</form>1.属性method="..." post/get onsubmit="return check();"enctype 属性可能的值:application/x-www-form-urlencoded、multipart/form-data、text/plain
input type="..." submit、reset......
2.提交方式:直接提交和外部提交
input submit键直接提交
intput button onclick function(){document.getElementById("id").submit();} 或者 $(“#id”).submit();
二:Ajax-function内,button/href触发
url = parent.formateUrl("...")url="<c:url value=' ... ' />"
dataType : json、text...
error:function(){ }
$.ajax({
type: 'POST',
url: url,
data: data,
success: function(data){},
dataType: dataType
});$.post(url,data,success(data, textStatus, jqXHR),dataType)
三:Form+Ajax-button submit触发
<form id name action method enctype onsubmit > <input type="button" onclick="fun();">submit</input> </form>以下在function fun(){}中
1.可以在JavaScript中给form添加属性
$("#id").attr("action",parent.formatUrl("..."))2.使用ajaxSubmit提交数据:jQuery
var option={ type:"post", dataType:"json", success:function(data){ } } $("#id").ajaxSubmit(option)
四:触发方式:多种事件触发方式
1.<a href>链接访问:<a href='javascript:void(0)'>…</a>2.<button>onclick访问:点击触发
3.onblure:焦点检测
4.<form>:onsubmit:内容检测
keyup触发$("input").keyup(function(){
$("input").css("background-color","#D6D6FF");
});
五:其他访问方式
1.datagrid带参发送2.window.open(parent.formateUrl("...","_self"));下载文件时使用
相关文章推荐
- java web 前端访问后端的几种方式
- extJS提交form表单数据的方式: Ext.Ajax.request,form.submit,getEl().dom.submit()
- Form表单提交数据的几种方式
- window.open()时以post方式提交数据
- Ajax提交表单数据的几种方式
- Form表单提交数据的几种方式
- Form表单提交数据的几种方式
- 以前都是通过ajax像后台传送数据,新接触了个form.js向后台提交数据的方式(付源码)
- form表单提交数据的几种方式
- AJAX如何以POST的方式提交JSON数据到Form
- Form表单提交数据的几种方式
- struts2 + ajax(由前台的form提交数据到后台,再根据form所调用返回获取的后台json格式的数据返回到前端,然后前端用jquery对json数据进行解析)==》》涉及文件上传的部分
- struts2 + ajax(由前台的form提交数据到后台,再根据form所调用返回获取的后台json格式的数据返回到前端,然后前端用jquery对json数据进行解析)==》》涉及非文件上传的部分
- Form表单提交数据的几种方式
- express form/ajax 后端获取前端数据
- 后端java向html前端传递数据的几种方式
- 今天在研究jquery用ajax提交form表单中得数据时,学习到了一种新的提交方式
- 前端html向后端java传递数据的几种方式(暂时使用到)
- 基于Ajax的formData图片和数据上传(前端发送及后端验证)
- Extjs form提交数据的几种方式