[oldboy-django][1初識django]阻止預設事件發生 + ajax + 模態編輯對話方塊

標籤：單表   優先   .ajax   oda   nbsp   異常   gif   ref   預設事件   

4 阻止預設事件發生    a 阻止a標籤預設事件發生方法        <a href="http://www.baidu.com" onclick="modalEdit();">點擊</a>        點擊上面的a標籤會有兩個事件： modalEdit 以及 跳轉到百度首頁， 優先順序高的modalEdit()        如果想阻止跳轉到百度首頁事件發生，需改成如下：            1 標籤內添加return                <a href="http://www.baidu.com" onclick=" return modalEdit();">點擊</a>            2 事件modalEdit 添加return False                function modalEdit(){                 ....                 return false;                }    b 阻止form表單中submit預設事件發生方法5 ajax+對話方塊（單表class)    點擊編輯後的處理步驟,編輯按鈕綁定事件        a.擷取當前編輯班級的全部資訊         -- 前端            - 找父親parent()，找父親的前面兩個標籤prevAll()        b.彈出對話方塊並顯示預設資訊           -- 前端            - removeClass("hide")            - val(id) #id的input輸入框隱藏            - val(title)        c.點擊提交按鈕將資料發送到後台       -- ajax            - $.ajax({                url: ‘/modal_edit_class/‘,                type: ‘POST‘,                data: {‘nid‘: nid, ‘title‘: title},                success: function(){}})        d.後台異常處理（插入資料庫），將字典json處理為字串，返回HttpResponse() -- 伺服器            - ret = {‘status‘: True, ‘msg‘: None}            - try {更新資料庫操作}            - return HttpResponse(json.loads(ret))        e.前端接收字串，反json處理，判斷並做不同操作 -- ajax            - success: function(){}                -- 成功，重新整理當前頁面 location.reload()                -- 失敗，顯示失敗資訊            - 還原序列化                -- JSON.parse(string)            - 前端序列化                -- JSON.stringify(字典)

 

[oldboy-django][1初識django]阻止預設事件發生 + ajax + 模態編輯對話方塊