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

JavaScript021

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

使用ajax即可传递

function SubmitAdvise(){

    /*需要传入数据库中的参数值*/

    var genre = $(".add").text(),

    var obj=document.getElementById("con").value

    $.ajax({

        url: 'mobile.******.com/addFeedback.m',

        type: "POST",

       data: {strContent:genre, strUserName:obj},

       success: function(msg){

             alert( "Data Saved: " + msg )

       },

       error:function(){

           alert("error")

       }

    })

}