Maison > interface Web > tutoriel HTML > Exemple de code directement intégré dans le formulaire en HTML

Exemple de code directement intégré dans le formulaire en HTML

零下一度
Libérer: 2017-04-21 18:06:16
original
1804 Les gens l'ont consulté

Soumission du formulaire

1, la page de saut renvoyée peut être directement affectée à une variable de la page (par exemple, le paramètre ajax peut renvoyer le format html)C'est pour le effet d'affichage de logique complexe Très bien, un ensemble de logique

2, vous pouvez également écrire le src et d'autres attributs dans la balise sous forme de flux d'octets

3, ajax l'épissage prend trop de temps et il y a des problèmes de rendu asynchrone

Une page

1 soumission d'action directe

2 soumission ajax

A, chaîne de retour par défaut, ( json)

 function submit() {
if (confirm('确实要绑定吗?')) {
form.submit();
return true;
}
return false;
}
Copier après la connexion

B. Lorsque le style de retour html est requis, dataType : "html",

est soumis sous forme html, et le retour est directement intégré dans la page

   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>
Copier après la connexion

Pour le moment, il n'est pas nécessaire d'écrire @ dans la balise Response() en arrière-plan, cette balise sert à renvoyer les données au format 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";
}
Copier après la connexion

obligatoire Étudiants qui étudient le HTML, veuillez prêter attention au site Web PHP chinois Tutoriels vidéo HTML. les tutoriels peuvent être visionnés gratuitement !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal