• 又是表單 今天的表單是用事件委托從table里面獲得eventId，用get請求從后臺獲得json數據填入表單中 第一個執行的比較順利，但當再添加一個事件之后，修改（將數據填入表單）功能竟然失靈了，然后各種找原因，當把新添加的刪除過后他又可以實現，但是當添加信息之后，用alert測試，他的字段獲得正常，但是顯示返回json的時候，無法執行，初步判斷是get請求沒有發送出去，至于原因還有待探索。
• 第二個是將從json返回的checkbook的值用for循環輸出以checkbook的形式顯示到相應位置，首先是將json里對應的checkbook的值拿出來，此過程沒有完成的原因是因為用數組方式將其輸出時無法獲得其值（只能獲得其所有值都羅列出來）。 //1.判斷target.value是以modify開頭的還是delete開頭的//2.若以modify開頭，則可以獲得account//3. 處理modify的情形var node = target.parentNode.parentNode;strCode = target.value;var fdStart = strCode.indexOf("modify");var fbStart = strCode.indexOf("delete");var flStart = strCode.indexOf("result");var evId = node.childNodes[2].innerHTML;if (fdStart === 0) {var uem = new XMLHttpRequest();uem.onload = function () {if (uem.status === 200) {responseObject = JSON.parse(uem.responseText);}var newData = "";newData = "<form class=\"form-si\" method=\"get\">"+ '<input type="text" class="input-block-level" value=' + responseObject.events[0].marathon_name+ '>'+ '<input type="text" class="input-block-level" value=' + responseObject.events[0].eventId+ '>'+ '<input type="text" class="input-block-level" value=' + responseObject.events[0].year+ '>'+ '<p><label><input type="checkbox" name="allow" value = '+ responseObject.events[0].allow_photographer+' >'+responseObject.events[1].allow_photographer+'</label></p>'+ '<input type="text" class="input-block-level" value=' + responseObject.events[0].bib_format + '>'+ "<div align=\"center\"><p><a type=\"reset\" href=\"user_photographer_management_eg.html\" class=\"btn btn-large btn-primary\">取消</a> " +"<button type=\"submit\" class=\"btn btn-large btn-primary\" value='ensure_" + evId + "' >確定</button></p></div>"+ "</form>";document.getElementById("usemf").innerHTML = newData; alert(uem.responseText)};uem.open("get", "../requests/myEvent/modifyExistingEventByEventCode.php?eventId="+evId+"", true);uem.send();}

  ?

轉載于:https://www.cnblogs.com/shuxiao3/p/7236886.html

總結

以上是生活随笔為你收集整理的表单的ajax填入问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。