javascript - jq append()添加的form,然后用ajax提交時,獲取不了form的提交的元素
問題描述
<p class='add'>添加步驟</p><script type='text/javascript' src='http://www.aoyou183.cn/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='http://www.aoyou183.cn/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>
問題解答
回答1:firebug抓一下ajax()這個過程的包看看。
如果jq先于append()的html代碼之前初始化,初始化是不成功的。
回答2:FormData方法好像不是這么用的吧。
