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

양식 제출

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!