HTMLのフォームに直接埋め込まれたサンプルコード

フォーム送信

1、返されたジャンプ ページは、ページの変数に直接割り当てることができます (たとえば、Ajax 設定は html 形式を返します)これは、複雑なロジック、ロジックのセットを表示するのに非常に適しています

2、タグに src やその他の属性をバイト ストリームの形式で記述することもできます

3、Ajax スプライシングに時間がかかりすぎるため、非同期レンダリングの問題があります

1 ページ

1 直接アクション送信送信

2 ajax submit

A, Default return string, (json)

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

B, return 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 中国語 Web サイトhtml ビデオ チュートリアル に注意してください。多くの HTML オンライン ビデオ チュートリアルは無料で視聴できます。

以上がHTMLのフォームに直接埋め込まれたサンプルコードの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。