標籤:get請求 response document 判斷 sts events span 事件 cti
- 又是表單 今天的表單是用事件委託從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(); }
表單的ajax填入問題