JS 参考:https://www.cnblogs.com/shanlu0000/p/11478994.html
后端代码使用了AjaxMethod,具体用法百度,记得要在page_load里面注册所在类才有效,这样前端能直接调用后端方法。下面方法在前端可以这样调用获取数据,访问修饰符要public:注册了的所在类.ProductPackageList().value
,示例代码展示了怎么拼接,数据源自行采取方法获取。
[AjaxMethod]
public string ProductPackageList()
{
StringBuilder restul = new StringBuilder();
restul.Append("[");
//实现
ProductGroupDao pgDao = new ProductGroupDao();
List<ProductPackageInfo> productGroupList = pgDao.GetProductPackageQuantityByTemporary(Globals.GetCurrentManagerUserId()).ToList<ProductPackageInfo>();
foreach (ProductPackageInfo info in productGroupList)
{
restul.Append("{");
restul.AppendFormat("id:'{0}',name:'{1}',img:'{2}',quantity:'{3}'", info.ProductPackageSubId, info.ProductPackageSubName, info.ProductPackageSubImg, info.ProductPackageSubQuantity);
restul.Append("}");
restul.Append(",");
}
restul.Remove(restul.Length - 1, 1);
restul.Append("]");
return restul.ToString();
//" , { name: '丙', subject: 'javascript', score: 98}] ";
}
之后就可以在**上面链接的JS方法**里直接前端调用方法获取数据字符串,生成表格了。
下面代码参考链接中的js:
var data = 注册了的所在类.ProductPackageList().value;
var datas = eval('(' + data + ')')
data 不能直接用,要修改下,可以自己看需求再改。
tips:
1.可以在生成行的循环里给元素加ID,在按钮点击方法里写下面的例句,可以获得ID为.bianhao的同行数据。
var bianhao = $(this).parent().parent().find(".bianhao").html();