1.以前想要提交表单里面的说有数据需要,
$.ajax({ url: '{{url('publish/createProduct')}}', headers: { 'X-CSRF-TOKEN': '{{csrf_token()}}' }, type : 'post', //返回值类型 一般设置为json data : $("#add_product_form").serialize(), dataType:'json', success : function(returnData){ if (returnData['errcode'] == 0) { if(type == 1) { successModal('保存成功'); } else { successModal('发布成功'); } }else{ errorModal(returnData['errmsg']); } }, error : function(){ errorModal('连接失败'); } });
2.后面有了jquery-form.js这个插件之后只需要:记得先加载这个js文件
$("#add_product_form").ajaxSubmit({ url: "{{ url('publish/updateWishProduct') }}", data:{other:'other'}, type: 'post', success: function(data) { if (data['errcode'] == 0) { successModal('更新成功'); }else{ errorModal(data['errmsg']); } }, error : function(){ errorModal('连接失败'); } });
提交的数据第一种只能提交字符串和表单里面有name值的数据,第二种不但能提交字符串,还能同时提交文件和除了表单里面的其他数据一起传到后台。文件那部分说是这么说具体还没有测试过,等需要用到的时候来测试吧。其他都测试了,能同时提交表单的数据和其他自己添加的数据,默认是会把表单的数据提交过去,如果自己还有其他表单之外的数据,也能自定义添加,就像上面的
data:{other:'other'},