Ajax+Struts2は配列形式を受け取ります（コード付き）-jsチュートリアル-php.cn

Ajax+Struts2は配列形式を受け取ります（コード付き）

php中世界最好的语言

リリース： 2018-04-25 16:10:20

オリジナル

1611 人が閲覧しました

今回は、Ajax+Struts2で配列フォームを受け取るための注意事項を紹介します。以下は実際的なケースです。

以下、通常形式とajaxの2つの方法で説明します。まず、次のエンティティ、アクション、および JSP があります。

Student.java

public class Student
{
 private String name;
 private String num;
}
StudentAction.java
public class StudentAction extends ActionSupport
{
 private List<Student> lstStu;
}

ログイン後にコピー

xy.jsp

<script type="text/javascript">
 var stus = [];
 stus.push({num:"1",name:"xy1"});
 stus.push({num:"2",name:"xy2"});
 stus.push({num:"3",name:"xy3"});
</script>

ログイン後にコピー

では、xy.jspのスクリプト領域に次のコードを記述します。

通常のフォームフォーム - 配列を走査し、フォームの隠しフィールドを構築します

var htmlContent = "";
for(var i=0;i<stus.length;i++){
 htmlContent += "<input type=&#39;hidden&#39; name=&#39;lstStu[" + i + "].name&#39; value=&#39;" + stus[i].name + " &#39; />";
 htmlContent += "<input type=&#39;hidden&#39; name=&#39;lstStu[" + i + "].num&#39; value=&#39;" + stus[i].num + " &#39; />";
}

ログイン後にコピー

特殊なケース

<input type=&#39;hidden&#39; name=&#39;lstStu.name&#39; value=&#39;xy1&#39; />
<input type=&#39;hidden&#39; name=&#39;lstStu.name&#39; value=&#39;xy2&#39; />
<input type=&#39;hidden&#39; name=&#39;lstStu.name&#39; value=&#39;xy3&#39; />

ログイン後にコピー

単一の属性を渡すと、Struts はそれを認識し、3 人の異なる生徒を表すことができます。ただし、Struts はその組み合わせを知らないため、2 つの属性を渡すことは機能しません。お勧めしません。

ajax フォーム - 配列を走査して json オブジェクトを構築します

var param = {};
for(var i=0;i<stus.length;i++){
 param["lstStu[" + i + "].name"] = stus[i].name;
 param["lstStu[" + i + "].num"] = stus[i].num;
}
$.ajax({
 data:param
});

ログイン後にコピー

実際、このような json オブジェクトを構築しました

data:{
 lstStu[0].num:"1",lstStu[0].name:"xy1",
 lstStu[1].num:"2",lstStu[1].name:"xy2",
 lstStu[2].num:"3",lstStu[0].name:"xy3"
}

ログイン後にコピー

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、お支払いください。 PHP 中国語 Web サイトの他の関連記事にも注目してください。

推奨読書:

JSONP実装の原則とケースの詳細な説明

jQueryでのajax.load()メソッドの使用方法

以上がAjax+Struts2は配列形式を受け取ります（コード付き）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。