首頁 > web前端 > html教學 > html中form直接嵌入的實例程式碼

html中form直接嵌入的實例程式碼

零下一度
發布: 2017-04-21 18:06:16
原創
1804 人瀏覽過

form 提交

1,回傳的跳轉頁面可以直接賦值給頁面的一個變數(例如ajax的設定回傳格式html即可)這樣對於邏輯複雜的展現效果非常好,一套邏輯

2,也可以字節流的方式寫入標籤中的src等屬性

3, ajax拼接時間過長,有異步渲染問題

一個頁面

1 直接 action submit提交

2 ajax提交

  A, 預設回傳式string,(json)

 function submit() {
if (confirm('确实要绑定吗?')) {
form.submit();
return true;
}
return false;
}
登入後複製

  B, 當要求返回式html時dataType:"html",

  html形式提交,返回直接是頁面嵌入

   function loadData(){
//alert($("#search").formSerialize());
$.ajax({
url:"getAccountData",
type:"post",
dataType:"html",
cache:false,
data:$("#search").formSerialize(),//url传参形式,&&&
success:function(data){
$("#data").html(data);//这个返回的是一个跳转的jsp页面,直接嵌入
},
error:function(retMsg){
try{
var ret = eval("("+retMsg.responseText+")");
if(ret.status!=0){
$.zd.alert('',ret.msg);
}
}catch(eee){
}
}
});
} 
 
<p id="data">
     
      </p>
登入後複製

這個時候後台不必寫@Response()標籤,這個標籤針對的是json格式的資料回傳

@RequestMapping(value = "/getAccountData")

public String getAccountData(Model model,TbCusUserBeanVo tbCusUserBeanVo, HttpServletRequest request, HttpSession session) throws Exception {
 
Map<String,Object> param = new HashMap<String,Object>();
CASUtil.getCurrentUserName(request, session);
param.put("CUSTOMER_KEY", customerKey);
param.put("MAN", tbCusUserBeanVo.getMan());
param.put("CUS_USER_ID", tbCusUserBeanVo.getCusUserId().toUpperCase());
param.put("CUS_USER_STATUS", tbCusUserBeanVo.getCusUserStatus());
model.addAttribute("list",accountService.getOperateUserByCustomerKey(param));
return "myaccount/operateUser/operateUserListData";
}
登入後複製

需要學習html的同學請關注php中文網html影片教學,眾多html線上影片教學可以免費觀看!

以上是html中form直接嵌入的實例程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板