jquery或js前端提交数据的几种方式

JavaScript012

jquery或js前端提交数据的几种方式,第1张

1.jquery提交数据的方式：

（1）第一种jquery序列化提交数据方式：

通过id获取的form表单元素.serialize()

（2）第二种模拟form表单提交元素：

$('#form表单id').attr('method','post')

$('#form表单id'').find('input[name="type"]').val(test)

$('#form表单id').find('input[name="dfrom_to1"]').val(dfrom_to)

$('#form表单id').find('input[name="gt_road_new"]').val(gt_road)

$('#form表id').attr('action',AdminLTE.ctx+'/modules/ltegt/findAllCoverAndInterfere.do')

$('#analysisForm').submit()

2.js提交数据的方式：

(1).js提交表单( .submit()方法提交表单 )

function doSearch(){

var action ="<%=path%>/User_queryAllUser"

document.all.form.action = action

document.all.form.submit()}

(2).js替代超链接( window.location.href )

<input type="button" id="modify" value="修改工号" οnclick="modifyEmp(${ myList.employeeId })">

//js不能起名为modify，为敏感关键字

function modifyEmp( employeeId ){

//employeeId 作为js的参数传递进来

window.location.href = '<%=path%>/User_openUserUpdate?employeeId='+employeeId

H5edu教育html5开发为您解答：

办法1.同一个页面中建立两个表单 各自提交：

<form action="?" name="form1" id="form1">

<!-- 表单内容 -->

<input type="submit" />

</form>

<form action="?" name="form1" id="form1">

<!-- 表单内容 -->

<input type="submit" />

</form>

办法2：如果非要只有一个表单的话，通过js提交：

<script type="text/javascript" language="javascript">

function submitYouFrom(path){

$('form1').action=path

$('form1').submit()

}

</script>

<form action="?" name="form1" id="form1">

<!-- 表单内容 -->

<input type="button" value="提交1" onclick="submitYouFrom('地址一')"/>

<input type="button" value="提交2" onclick="submitYouFrom('地址二')"/>

</form>