Ajax+Struts2 receives array form (with code)-JS Tutorial-php.cn

Home

Web Front-end

JS Tutorial

Ajax+Struts2 receives array form (with code)

Apr 25, 2018 pm 04:10 PM

code form

This time I will bring you Ajax Struts2 to receive an array form (with code). What are the precautions for Ajax Struts2 to receive an array form? The following is a practical case, let's take a look.

I will explain below through two methods: ordinary form and ajax. First we have the following entity, an action and a jsp.

Student.java

public class Student
{
 private String name;
 private String num;
}
StudentAction.java
public class StudentAction extends ActionSupport
{
 private List&lt;Student&gt; lstStu;
}

Copy after login

xy.jsp

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

Copy after login

Let’s get started. The following code is written in xy. jsp script area.

Normal form form——Traverse the array, construct the form hidden field

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

Copy after login

Special case

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

Copy after login

When passing a single attribute, struts can recognize it and represent three different students. But passing two attributes won't work, because struts doesn't know the combination. Not recommended.

ajax form - traverse the array and construct a json object

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

Copy after login

In fact, we constructed such a json object

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"
}

Copy after login

I believe you have mastered the method after reading the case in this article, and more How exciting, please pay attention to other related articles on php Chinese website!