1. 程式人生 > >前臺中使用JQ的 post方法跳轉頁面 實現企業中的 增改查的功能

前臺中使用JQ的 post方法跳轉頁面 實現企業中的 增改查的功能

//請不要全部照搬 需要使用layer外掛

list.jsp

function myAdvertEdit(id,look,type){

var loadIdx = layer.load();
var title = '增加廣告';
if(!id){
id = '';
}else if(look=='look'){
   title='檢視廣告'
   
}else{
title = '修改廣告';

}

//當檢視的時候會傳過來兩個引數 如果當id沒傳 值表明是新增 然後在 看 

if(look=='look'){

//這個是JQ中的post請求                                                                                    這個是請求成功放回的 str

         $.post('${ctx}/advert/toCreate?id='+id+'&look='+look+'&type='+type, {}, function(str){
layer.close(loadIdx);
  //彈出框
layer.open({
title : title,     //標題
type : 0,   //layer提供了5種層型別。可傳入的值有:0(資訊框,預設)1(頁面層)2(iframe層)3(載入層)4(tips層)。 若你採用layer.open({type: 1})方式呼叫,則type為必填項(資訊框除外)
area : ['780px', '540px'], //彈出款的大小
content : str,
btn : ['取消'],
btn2 : function(index, layero){
   layer.close(index);
}
});
 });
}else{
$.post('${ctx}/advert/toCreate?id='+id+'&look='+look+'&type='+type, {}, function(str){
layer.close(loadIdx);

layer.open({
title : title,
type : 1,
area : ['780px', '540px'],
content : str,
btn : ['確定','取消'],
yes : function(index, layero){   //確認之後需要執行的事情
myTypeSubmit();  //這個方法 是自己寫的  不要搬過去 這個意思是 提交 頁面表單 也就是重新整理頁面  這你得重新整理頁面不是 重新整理彈出框的
},
btn2 : function(index, layero){
   layer.close(index);
}
});
 });
}

}

edit.jsp

//表單驗證
  $(function(){
$('#editForm').validator({
submit:function() {
var formValidaty = this.isFormValid();

if(formValidaty){
var form = $(this);
var laodIdx = layer.load();
$('#editForm').ajaxSubmit({
data : form.serialize(),
traditional : true,
success : function(result){
layer.close(laodIdx);
if(result.success){
layer.alert('儲存成功',{icon: 1},function(){
//window.location.reload();
layer.closeAll();//關閉彈出框
_AT_QUERY_FORM($(_CURR_TAB+' #queryForm'));//重新載入列表
});
}else{
layer.alert(result.msg);
}
}
});
}else{
}
return false;
}
});
}); 

=================================================================================================================================

   後臺程式碼

                         程式碼 事從專案中COPY 過來的     

  
/**
* 進入新增 or 修改頁面 or  檢視頁面
*/
@RequestMapping(value = "/toCreate")
public ModelAndView toCreate(HttpServletRequest request) throws Exception {
Map<String, Object> map = new HashMap<String, Object>();
String id=request.getParameter("id");
String look=request.getParameter("look");
if(look.equals("look")){
map.put("look", look);
}
if(id!=null&&!"".equals(id)){
InstantaneousVO vo=(InstantaneousVO) baseService.retrieveByPK(InstantaneousVO.class, id);
map.put("instantaneous", vo);
}
List<InstitutionVO> list=(List<InstitutionVO>) baseService.retrieveAll(InstitutionVO.class);
List<CourseVO> coulist=(List<CourseVO>) baseService.retrieveByClause(CourseVO.class," dr='0'");
map.put("coulist", coulist);
map.put("list", list);
return backView("instantaneous/instantaneous_edit", map);
}

  
//新增 or 修改  這個是springMVC提供的一中 ajax反問 返回結果的一中方式 
@RequestMapping(value = "/edit")
public  ResponseEntity<Map>  edit(InstantaneousVO vo) throws BusinessException {
Map<String, Object> map = new HashMap<String, Object>();
try{      
if(vo.getId()!=null&&!"".equals(vo.getId())){
vo.setTs(time);


baseService.updateVO(vo);
}else{
List<InstantaneousVO> banklist=(List<InstantaneousVO>)baseService.retrieveByClause(InstantaneousVO.class, " dr='0'"," ORDER BY  code+0   DESC");
if(banklist.size()>0){
   if(!banklist.get(0).getCode().equals("")&&banklist.get(0).getCode()!=null){
   
   vo.setCode( String.valueOf(Integer.valueOf(banklist.get(0).getCode())+1)); 
   }else{
   vo.setCode( String.valueOf(1));
   }
   
    }else{
   vo.setCode( String.valueOf(1));
    }
  UserVO  user=  (UserVO) getSession().getAttribute("sysUser");
       List<InstitutionVO> inst=(List<InstitutionVO>) baseService.retrieveByClause(InstitutionVO.class, "");
      
       vo.setRecord_people(user.getReal_name());
 vo.setMechanism(inst.get(0).getId());
       vo.setTs(time);
vo.setRecord_time(time1);
//vo.setState("0");
vo.setDr("0");
baseService.insertVO(vo);
}
map.put("rs", "success");
} catch(BusinessException e){
map.put("rs","error");
map.put("msg",e.getMessage());
return new ResponseEntity<Map>(map,HttpStatus.BAD_REQUEST);
}
return new ResponseEntity<Map>(map,HttpStatus.OK);



}

相關推薦

前臺使用JQpost方法頁面 實現企業功能

//請不要全部照搬 需要使用layer外掛 list.jsp function myAdvertEdit(id,look,type){ var loadIdx = layer.load();var title = '增加廣告';if(!id){id = '';}else i

Ajax post請求頁面

最近因為公司需求,需要ajax post請求並跳轉介面,網上搜了一下資料,差不多都是用window.location.href來處理,但是在請求頁面的位址列中會暴露請求的引數,這是不安全的。 $.post( url, {method:"regist",use

js POST提交頁面

function post(URL, PARAMS) { var temp = document.createElement("form"); temp.action = URL; temp

html js POST提交頁面

/** * 採用post方式跳轉 * @param URL * @param PARAMS json格式資料 {html :prnhtml,cm1:'測試',cm2:'haha'} * @returns {Element} */ function post(URL,

JQuery Mobile 學習筆記2-4:changePage()方法頁面

<!doctype html> <html> <head> <meta charset="utf-8"> <title>Murphy_JQueryMobile的changePage()方法跳轉頁面<

js 用 window.open()方法到新頁面並且用post方式傳參

今天開發一個功能,需要從js跳轉到新的頁面上去,原先的方式是用 window.open('statistic/hospitalDetailStatisc?opid=' +urlEncode(ipid)); 這種方法當然是可以的 ,但是 這種方法其實是用get方式傳遞引數的,

微信瀏覽器頁面後再返回,如何恢復到的位置的問題。

客戶端 his ont 恢復 func 詳情 size light list 以商品列表頁打比方, 眾所周知,點擊商品進入詳情頁要保證不損壞當前列表頁狀態的做法通常是在a標簽上加上target=_blank進行新開一個窗口打開詳情頁 這個做法是非常普遍的,包括很多

jq 鼠標點擊頁面後 改變點擊菜單的樣式代碼

pre src cat ges 沒有 blog 用戶 添加 ive 點擊菜單跳轉頁面,然而跳轉後的頁面字體並沒有加粗用如下代碼 <div class="bg01 menu"> <img class="img01"

JS頁面常用的幾種方法

class define bst top color defined rip dex text 第一種:(常用) <script language="javascript" type="text/javascript"> window.location.

微信小程序--頁面常用的兩種方法

avi mage site product 小程序 src bsp XML 兩種 一.bindtap="onProductsItemTap"綁定點擊跳轉事件 在.wxml文件中綁定 在.js文件中實現綁定事件函數 二.navigator標簽配合URL跳轉

django框架 使用者登入post請求 源地址的方法

兩種方式實現使用者登入後網頁跳轉至源地址 常見的網站需要實現登陸後自動跳轉至源地址頁面,在get請求中,可以通過獲取Http中的referer地址實現;而在post請求中則無法直接通過獲取的地址進行跳轉。下面介紹兩種在Django框架中實現post請求跳轉源地址網頁的方式。 首先看一

關於vue路由頁面帶引數方法總結

因為最近專案有這樣一個需求:在首頁導航欄顯示訊息數,點選每一條未讀訊息帶著引數跳轉到相應頁面進行顯示,網上查了好些辦法,比如a元件跳轉到b元件: 對於a元件有幾種方式: 1.純頁面跳轉 <template> <div> <router-lin

vue.jsrouter.push頁面、帶引數、設定引數的方法

router.push(location) 在vue.js中想要跳轉到不同的 URL,需要使用 router.push 方法。 這個方法會向 history 棧新增一個新的記錄,當用戶點選瀏覽器後退按鈕時,則回到之前的 URL。 當你點選 <router-link> 時,這個

Javascript頁面和開啟新視窗等方法

1.在原來的窗體中直接跳轉用 onClick="window.location.href='你所要跳轉的頁面';" 2、在新窗體中開啟頁面用: onclick="window.open('你所要跳轉的頁面')" 3、返回上一頁 ( 本地測試無效,伺服器上可用) win

小程式-頁面方法及坑

方法一:WXML頁面實現 1.<navigator url = "/pages/aaa/aaa">跳轉到新頁面</navigator> 2.<navigator url = "/pages/aaa/aaa" open-type = "redirect">跳轉到新頁面&l

小程序-頁面方法及坑

其他 navigator dir 當前 navi tab 跳轉頁面 應用 打開 方法一:WXML頁面實現 1.<navigator url = "/pages/aaa/aaa">跳轉到新頁面</navigator> 2.<navigator

Js 頁面和開啟新視窗的方法

window.open(‘要跳轉的網址’):開啟新頁面 開啟新視窗,預設是_blank window.close():關閉使用JS建立的視窗,某些平臺不能關閉 window.history.go(1):歷史記錄視窗 back:向後跳轉一個頁面

controller方法到其他view頁面

1、跳轉到index.cshtml檢視中 return RedirectToAction("Index"); 2、在原檢視中,返回部分資料 return Content(JsonConvert.SerializeObject(new { Result = result,

js頁面,新建一個標籤頁面方法

開發過程中遇到點選一個按鈕跳轉一個jsp頁面,跳轉頁面需要在瀏覽器下新建一個標籤頁面,而不是在原來的標籤頁面或選項卡中開啟 程式碼如下 <input type="button" value="設計" class="e-btn" onclick="onDesign('

Servlet頁面的幾種方法總結

servlet跳轉頁面的方法: 跳轉分為兩部分,一部分發生在servlet,另一部分發生在JSP,JSP就是servlet,但是兩者還是有部分差異。 Servlet:(跳轉發生在doGet,doPost等方法裡) (1)redirect方式