Heim > Web-Frontend > HTML-Tutorial > Beispielcode direkt in Formular in HTML eingebettet

Beispielcode direkt in Formular in HTML eingebettet

零下一度
Freigeben: 2017-04-21 18:06:16
Original
1804 Leute haben es durchsucht

Formularübermittlung

1, die zurückgegebene Sprungseite kann direkt einer Variablen auf der Seite zugewiesen werden (z. B. kann die Ajax-Einstellung das Format HTML zurückgeben)Dies ist für Anzeigeeffekt komplexer Logik Sehr gut, eine Reihe von Logik

2, Sie können auch src und andere Attribute in das Tag in Form eines Byte-Streams schreiben

3, Ajax Das Spleißen dauert zu lange und es treten Probleme beim asynchronen Rendern auf.

Eine Seite

1 direkte Aktion senden

2 Ajax-Übermittlung

A, Standard-Rückgabezeichenfolge, ( json)

 function submit() {
if (confirm('确实要绑定吗?')) {
form.submit();
return true;
}
return false;
}
Nach dem Login kopieren

B. Wenn der Rückgabestil HTML erforderlich ist, wird dataType: „html“

im HTML-Format übermittelt und die Rückgabe wird direkt in die Seite eingebettet

   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>
Nach dem Login kopieren

Zu diesem Zeitpunkt besteht keine Notwendigkeit, @ in das Response()-Tag im Hintergrund zu schreiben. Dieses Tag dient zur Rückgabe von Daten im JSON-Format

@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";
}
Nach dem Login kopieren

erforderlich. Studierende, die HTML studieren, achten bitte auf die PHP-Chinesisch-Website HTML-Video-Tutorials Tutorials können kostenlos angesehen werden!

Das obige ist der detaillierte Inhalt vonBeispielcode direkt in Formular in HTML eingebettet. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage