> 웹 프론트엔드 > HTML 튜토리얼 > HTML 양식에 직접 삽입된 예제 코드

HTML 양식에 직접 삽입된 예제 코드

零下一度
풀어 주다: 2017-04-21 18:06:16
원래의
1804명이 탐색했습니다.

양식 제출

1, 반환된 점프 페이지를 페이지의 변수에 직접 할당할 수 있습니다(예: ajax 설정은 html 형식을 반환할 수 있음)이것은 복잡한 로직의 표시 효과 아주 좋음, 로직 세트

2, 바이트 스트림

3, ajax 형식으로 태그에 src 및 기타 속성을 작성할 수도 있습니다. 접합에 시간이 너무 오래 걸리고 비동기 렌더링 문제가 있습니다.

페이지

직접 작업 제출 1개

ajax 제출 2개

A, 기본 반환 문자열, ( 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 양식에 직접 삽입된 예제 코드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿