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)
}
}