javascript - jq append()添加的form，然后用ajax提交时，获取不了form的提交的元素

问题描述

<p class='add'>添加步骤</p><script type='text/javascript' src='https://www.haobala.com/wenda/__PUBLIC__/js/jquery-3.0.0.min.js'></script><script type='text/javascript'>var i = 0;$(’.add’).on(’click’,function(){ //添加步骤 if(i==0){alert(’ok’); } i++; $(’.wrap’).append(’<p class='pp'>步骤’+i+’</p><form action='' enctype='multipart/form-data'><label> <input type='file' name='card' onchange='preview_local_image(this)'><img src='https://www.haobala.com/wenda/__PUBLIC__/img/uploadimg.png' alt=''></label><input type='text' value='’+i+’' style='display:none'><textarea name='' id='' cols='30' rows='10' placeholder='请写下你的步骤。。。。'></textarea><p class='btn'><p class='save'>保存</p></form>’);});$(’.wrap’).on(’click’,’.save’,function(){ //保存到数据库 var formData = new FormData($(’.pic_upload’)[0]); // console.log($(’#form’)[0]); console.log(formData); $.ajax({url:’__CONTROLLER__/save_step’,type:’POST’,data:formData,async: false, cache: false, contentType: false, processData: false, success:function(json){ // if(json.info == 'ok'){ // alert(’上传成功’); // }else{ // alert(’上传失败’); // } // alert(json);} });return false;});</script>

问题解答

firebug抓一下ajax()这个过程的包看看。

如果jq先于append()的html代码之前初始化，初始化是不成功的。

FormData方法好像不是这么用的吧。