前端提交数据/访问后端的几种方式:Ajax,form,触发,window.open()

一:form表单提交-button submit触发

   表单中除了数据填写插件还含有确定键、取消键和重置键,点击提交键可以将表单内容,表单内容可以是一般内容,也可以是图片等媒体内容

    action等属性也可以放在js中,一般使用onsubmit来进行验证

 

<form id name action method enctype onsubmit >
</form>

 

1.属性

method="..." post/get 

οnsubmit="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"));下载文件时使用

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值