项目实训第五周1

HTML对提交代码之后的跳转

<button type="button" class="btn btn-info btn-lg" onclick="submit_code()">Submit</button>

js实现对代码传到后台数据库信息包括语言类别、代码ID、代码

var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
        mode:"text/java",
        lineNumbers: true
    });
    editor.setSize('748px','450px');


    var submit_code_id = "0";
    var count = 0;
    var t;


    function submit_code(){
        var language_box = document.getElementById("language");
        var index = language_box.value;
        var language = language_box[index].text;
        var code_text = editor.getValue();
        alert(code_text);
        if( language != null && code_text != null ){
            var result_display = document.getElementById("code_display");
            result_display.style.display = "";
            var result_text_area = document.getElementById("result_text_area");
            result_text_area.innerHTML = "Pending";
            $.get("{% url 'judgeOL:new_submit_code' problem.id%}",
                {'language':language , 'code_text':code_text }, function(ret){
                    result_text_area.innerHTML = ret;
                    submit_code_id = result_text_area.innerHTML;
                })
            setTimeout("check_result()",2000);
            // 跳转到底部
            document.getElementsByTagName('BODY')[0].scrollTop=document.getElementsByTagName('BODY')[0].scrollHeight;
        }
    }