1. 程式人生 > >通過jquery的serializearray處理表單資料成json格式,並提交到後臺處理

通過jquery的serializearray處理表單資料成json格式,並提交到後臺處理

var params = $("#myform").serializeArray();
var values = {};
for (var item in params) {
   values[params[item].name] = params[item].value;
}
alert(JSON.stringify(values));

完整程式碼

$("#myform").mvalidate({
    type:1,
    onKeyup:true,
    sendForm:true,
    firstInvalidFocus:true,
    valid:function(event,options
)
{ event.preventDefault(); //點選提交按鈕時,表單通過驗證觸發函式 var params = $("#myform").serializeArray(); var values = {}; for (var item in params) { values[params[item].name] = params[item].value; } // 傳遞到後臺 var user = $api.getStorage('user'
); values.member_id = user.member_id; api.ajax({ url: BASE_SH_REQUEST_URL+'/?g=Api&m=Address&a=addAddress', method: 'post', data: { values: values, } }, function(json, err) { if (json.status == '1'
) { // 新增成功 alert(JSON.stringify(json.info)); } else { var toast = new auiToast(); toast.fail({ title:json.msg, duration:2000 }); } }); }, descriptions:{ default:{ required : '必填欄位' }, name:{ required : '請輸入收貨人姓名' }, tel : { required : '請輸入手機號碼', pattern : '手機號格式不正確' }, seachprov : { required : '請選擇省、直轄市' }, seachcity : { required : '請選擇市、直轄區' }, seachdistrict: { required : '請選擇區/縣' }, detail : { required : '詳情不能為空' } } });