ajax提交表单数据,并根据返回的数据进行相关处理的代码
直接上代码
<script type="text/javascript">
$(function(){
$("#sendtemp").click(function(){
$.ajax({
type:'POST',
data:{
'keyword1':$('#wword').val()},
url:"/api/sendUpdateMsg",
success:function(data){
//data是返回的数据,可以通过dataType进行设定
if(data.indexOf("ok")!=-1){
//data数据里面如果含有ok字符,就表示成功
alert("发送成功")
}else{
alert("发送失败"+data);
}
}
});
return false;//阻止表单提交,自己写ajax提交
});
});
</script>
下面有一个优化之后的代码,对于要提交的data数据,如果个数比较少的时候,可以利用键值对的形式一个个敲,但是如果很多个的时候,则采用这种方法就不合适了,这时候可以采用jquery的序列化serialize()
上代码
$("#sendtemp").click(function(){
$.ajax({
type:'POST',
data:$("#send").serialize(),//对表单序列化,省去逐个敲入键值对
url:"/api/sendUpdateMsg",
success:function(data){
if(data.indexOf("ok")!=-1){
alert("发送成功")
}else{
alert("发送失败"+data);
}
}
});
return false;//阻止表单提交,自己写ajax提交
});