ajax领悟 ajax提交新增方法

如果你是用的最原始的表单提交,

那么<form>里面是用action去传要去的.do的地址,,,

这个时候呢又不让你用这种方式了,让你用ajax去提交,

那你只需要在<form  id="fromid">

然后在ajax中url传入地址,在加上一些成功自动关闭弹窗和刷新的功能

<form action="" id="fromid">  
用户名:<input name="userName" type="text" value=""/><br/>
密  码:<input name="password" type="password" value=""/><br/>
等  级:<input name="level" type="text" value=""/><br/>
<button value="提交" type="submit"  onclick="addban()">提交</button>  
</form>

function addban(){

$.ajax({

url : "addusername.do",
type : "POST", 
async:false,
data:$('#fromid').serialize(),
success : function(data) {
 var backmessage=data;
 if(backmessage=="error"){
   showMessage2("添加失败");  
 }
 else{
   showMessage("添加成功");   
   window.parent.location.reload();
    var index = parent.layer.getFrameIndex(window.editWindow);  //关闭layer弹出层，刷新父窗口
         parent.layer.close(index);//关闭layer弹出层，刷新父窗口
 }
       
},
error:function(e){
showMessage("添加失败");   
 }
});
 }
  function showMessage(msg) {
parent.layer.alert(msg, {
icon : 1,
skin : 'layer-ext-moon'
});
}
function showMessage2(msg) {
parent.layer.alert(msg, {
icon : 2,
skin : 'layer-ext-moon'
});
}

http://blog.youkuaiyun.com/zhongyouda/article/details/72667728 可以参考这个地址