表單的ajax填入問題

來源:互聯網
上載者:User

標籤: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填入問題

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.