ajax提交form表单javascript,jquery实现ajax提交form表单的方法总结

方法一:

. 代码如下:

function addhandlingfeetorefund()

{

var ajaxurl= "../ordermanagement/ajaxmodifyorderservice.x";

alert($('#formaddhandlingfee').serialize());

$.ajax({

type: "post",

datatype: "html",

url: ajaxurl + '?action=' + 'submithandlingfee' + '&ordernumber=' + $.trim($("#").val()),

data: $('#formaddhandlingfee').serialize(),

success: function (result) {

var strresult=result;

alert(strresult);

//加载最大可退金额

$("#spanmaxamount").html(strresult);

},

error: function(data) {

alert("error:"+data.responsetext);

}

});

}

方法二:

. 代码如下:

//ajax提交form表单的方式

$('#formaddhandlingfee').submit(function() {

var ajaxurl= "../ordermanagement/ajaxmodifyorderservice.aspx";

alert($('#formaddhandlingfee').serialize());

$.ajax({

type: "post",

datatype: "html",

url: ajaxurl + '?action=' + 'submithandlingfee' + '&ordernumber=' + $.trim($("#").val()),

data: $('#formaddhandlingfee').serialize(),

success: function (data) {

var strresult=data;

alert(strresult);

//加载最大可退金额

$("#spanmaxamount").html(strresult);

},

error: function(data) {

alert("error:"+data.responsetext);

}

});

}

);

页面html代码:

. 代码如下: