DJango第六天jQuery+ajax

ajax 模板
KaTeX parse error: Expected '}', got 'EOF' at end of input: … data:{'title':("#title").val()},
success:function(data){发送成功后的回调函数
console.log(data);
if(data==‘ok’){
location.href=/classes/
}else{
$(’#errormsg’).text(data)
}
}

使用 AJAX +JQUREY 提交
普通 form表单提交时会刷新页面
如果需要保持原页面 需要用到AJAX post

<p>
            <input type="text" id="title">
            <input type="button" value="提交" onclick="AjaxSend()">

        </p>

下面写

 <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <script>
        function showModal(){
            document.getElementById('shadow').classList.remove('hide');
            document.getElementById('modal').classList.remove('hide');
        }
        function AjaxSend(){
            $.ajax({
                url:'/modal_add_class/',
                type:'POST',
                data:{'title':$("#title").val()},
                success:function(data){
                    console.log(data);
                if(data=='ok'){
                    alert('添加成功')
                }else{
                    alert('添加不陈宫')
                }
                }

            })
        }

    </script>

需要注意的是 因为取值为title 所以input 的ID 为 title
跳转网页用 location.href

function AjaxSend(){
            $.ajax({
                url:'/modal_add_class/',
                type:'POST',
                data:{'title':$("#title").val()},
                success:function(data){
                    console.log(data);
                if(data=='ok'){
                    location.href=/classes/
                }else{
                    $('#errormsg').text(data)
                }
                }