① 前端这个JSP这么写了 后端action不知道怎么接收传的json数组
是document.getElementsByName 吧？
另外如果是在IE9或IE9以下，无论表单元素是写name属性或是id属性都会取得到值。
例如
<!doctypehtml>
<html>
<head>
<title></title>
<scripttype="text/javascript">
window.onload=function(){
varvalue=document.getElementsByName("a");
varresult=[];
for(vari=0;i<value.length;i++){
result.push(value[i].value);
}
console.log(result.join(","));
}
</script>
</head>
<body>
<inputtype="text"name="a"value="3"/>
<inputtype="text"id="a"value="2"/>
<inputtype="text"name="a"value="4"/>
<inputtype="text"name="a"value="5"/>
</body>
</html>
在当前版本的 opera，ff,chrome，IE10，IE11中获取的值是 3，4，5,但是在IE9及IE9一下版本获取的是 3，2，4，5.
② spring 方法怎么接收前端传入的json数据
1.json作为一种轻量级的数据交换格式，在前后台数据交换中占据着非常重要的地位。Json的语法非常简单，采用的是键值对表示形式。
2.JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串，然后就可以在函数之间轻松地传递这个字符串，或者在异步应用程序中将字符串从 Web
3.客户机传递给服务器端程序，也可以从服务器端程序传递json格式的字符串给前端并由前端解释。这个字符串是符合json语法的，而json语法又是javascript语法的子集，所以javascript很容易解释它，而且JSON 可以表示比"名称 / 值对"更复杂的结构。
③ 如何将数据以json格式传给前端
将数据以json格式传给前端：
function generateDtb() {
//写入
var txtName = document.getElementById("txtName").value;
//创建数组
var dtb = new Array();
//通过循环把数据写入到数组并返回
for (var i = 0; i < firstGroup.length; i++) {
var row = new Object();
row.Name = txtName;
row.fullMoney = firstGroup[i].value;
row.discount = secondGroup[i].value;
dtb.push(row);
}
return dtb;
}
把数组转换成json串传入到后台：
$(function () {
//点击botton1
$("#lbtnOK").click(function () {
var url = "DiscountManger.aspx?ajax=1";
var dtb = generateDtb();
// var strName = document.getElementById("txtName").value;
if (dtb == null)
{ }
else {
//序列化对象
var postdata = JSON.stringify(dtb);
//异步请求
$.post(url, { json: postdata }, function (json) {
if (json) {
jBox.tip("添加成功！", "提示");
location.reload();
}
else {
jBox.tip("添加失败！", "提示");
location.reload();
}
}, "json")
}
});
});
在后台的操作：
首先判断是否需要传输数据
if (!IsPostBack)
{
//判断是否异步请求
if (Request.QueryString["ajax"] == "1")
{
ProcessRequest();
}
在这里进行对数据的处理：
/// <summary>
/// 处理异步请求
/// </summary>
private void ProcessRequest()
{
//存入要填写的策略
ArrayList arrDiscount = new ArrayList();
Response.ContentType = "text/html";
string json = Request.Form["json"];
//反序列化DataTable
if (json == null)
{
return;
}
else
{
DataTable newdtb = Json2Dtb(json);
for (int i = 0; i < newdtb.Rows.Count; i++)
{
Entity.StrategyDiscount enStrategyDiscount = new Entity.StrategyDiscount();
//打折方案名
enStrategyDiscount.name = newdtb.Rows[i]["Name"].ToString();
//商店ID
enStrategyDiscount.shopId = long.Parse(LoginInfo.ShopID);
enStrategyDiscount.fullMoney = Convert.ToDecimal(newdtb.Rows[i]["fullMoney"].ToString());
enStrategyDiscount.discount = Convert.ToDecimal(newdtb.Rows[i]["discount"].ToString());
//写入数据到数组
arrDiscount.Add(enStrategyDiscount);
}
//写入数据到数据库
IStrategyBLL strategy = new StrategyBLL();
if (strategy.AddStrategyDiscount(arrDiscount))
{
Response.Write("true");
Response.End();
}
else
{
Response.Write("false");
Response.End();
}
}
这里，我们需要把json转换成datatable
/// <summary>
/// Json转DataTable
/// </summary>
/// <param name="json"></param>
/// <returns></returns>
private DataTable Json2Dtb(string json)
{
JavaScriptSerializer jss = new JavaScriptSerializer();
ArrayList dic = jss.Deserialize<ArrayList>(json);
DataTable dtb = new DataTable();
if (dic.Count > 0)
{
foreach (Dictionary<string, object> drow in dic)
{
if (dtb.Columns.Count == 0)
{
foreach (string key in drow.Keys)
{
dtb.Columns.Add(key, drow[key].GetType());
}
}
DataRow row = dtb.NewRow();
foreach (string key in drow.Keys)
{
row[key] = drow[key];
}
dtb.Rows.Add(row);
}
}
return dtb;
}
这样，就可以把数据无刷新的写入到数据库。
当然，如果我们有一个从数据库读取的datatable，如果通过json显示在前台呢。
首先，我们需要把datatable转换为json数据
/// <summary>
/// DataTable转Json
/// </summary>
/// <param name="dtb"></param>
/// <returns></returns>
private string Dtb2Json(DataTable dtb)
{
JavaScriptSerializer jss = new JavaScriptSerializer();
ArrayList dic = new ArrayList();
foreach (DataRow row in dtb.Rows)
{
Dictionary<string, object> drow = new Dictionary<string, object>();
foreach (DataColumn col in dtb.Columns)
{
drow.Add(col.ColumnName, row[col.ColumnName]);
}
dic.Add(drow);
}
return jss.Serialize(dic);
}
然后写回到前台
/// <summary>
/// 处理异步请求
/// </summary>
private void ProcessRequest()
{
Response.ContentType = "text/html";
string json = Request.Form["json"];
//反序列化DataTable
DataTable newdtb = Json2Dtb(json);
//序列化DataTable为JSON
string back = Dtb2Json(newdtb);
Response.Write(back);
Response.End();
}
在前台接受显示：
$(function() {
//点击botton1
$("#botton1").click(function() {
createTable(json);
});
});
//显示Json中的数据
function createTable(json) {
var table = $("<table border='1'></table>");
for (var i = 0; i < json.length; i++) {
o1 = json[i];
var row = $("<tr></tr>");
for (key in o1) {
var td = $("<td></td>");
td.text(o1[key].toString());
td.appendTo(row);
}
row.appendTo(table);
}
table.appendTo($("#back"));
}
④ 前端向后端传一个json数组对象
首先在前端已经获取到这个数组对象：
后端需要接受的json数组格式：
刚开始一直想需要把数组转成json数组，然后再传给后端接口，
最后才发现 ajax请求会自动把数组转成json数组 ，我们就不用再去转一次，
但是最后发现还是报未知错误，经查看发现传给后端的数据变成：0:[Object object]...
最后发现在前端向后端传输的数据进行定义：
可以看到当发送数据的方式是“post”的时候，如果不传或者传的是true，就会把发送的json数据转成formdata对象，所以在页面中我们可以看到发送的数据变成了：0:[Object object],1:[Object object]...
所以传的值应该是
⑤ web前端中原生js如何获取后端php传递来json
json有2种结构，一种是中括号括起来的，是数组，可以直接用 下标获取值
还有一种是大括号括起来的，是对象，对象的结构是 key：value，key：value。。形势的，
这种取值的方法是 对象名。key
如果是数组，你可以直接 对象[对象.length]="你要加入的值"
如果是对象 你可以 对象.你要加的key = "你要加入的值"