ajax获取数据库，然后json序列化，在前台通过input绑定出来

.cs Dish dishModel = new Dish();

public string Json = "";

/// <summary>

/// 获取菜品信息

/// </summary>

private void edit()

{

int dishid = 0;

int ShopID = CurrentUser.ShopID;

int AppID = CurrentUser.AppID;

if (int.TryParse(Request.QueryString["dishid"], out dishid))

{

dishModel = new Dish();//实例化一个model对象

dishModel = DishesDAL.getModelByID(ShopID,AppID,dishid);

}

if (dishModel != null)

{

Json = KnetApps.Toolkit.Web.JsonSerializer.ToJson(dishModel);

}

}

前台：

<script type="text/javascript">

var Json=<%=Json %>;

var Bind;

var DinnerID;

var arry_dishID=new Array();

var arry_imgUrl="";

function BindData() {

if (Json != 0 && !!_heditor) {

//var Json = eval('(' + JsonValue + ')');

$("#BeginTime").val(Json.BeginTime_S);

$("#EndTime").val(Json.EndTime_S);

$("#DinnerName").val(Json.DinnerName);

_heditor.html(Json.Content);

$("#Total_fee").val(Json.Total_fee);

$("input[type='radio'][name='TakeOut'][value='" + Json.IsTakeOut + "']").attr("checked", "checked");

$("#Img_url").val(Json.ImgSrc);

arry_imgUrl="../cropimgs/"+Json.ImgSrc;

$("#img_id").attr("src",arry_imgUrl);

DinnerID=Json.DinnerID;

clearInterval(Bind);

}

}

$(document).ready(function () {

SetBtn({

AddBtn: false

});

$("#SelectDish_table").find("tr").each(function(){

if($(this).find("td").eq(0).text()!=""){

arry_dishID.push(parseInt($(this).find("td").eq(0).text()));

}

});

Bind = setInterval("BindData()", 50);

if(Json != 0){

Total_Num();

}

$("#Save").click(function () {

VerifyByPoshyTip.init([

{ 'ContentID': 'BeginTime', 'AimID': 'EndTime', 'TipContent': '时间不能为空', 'fn': function () { return $("#BeginTime").val().Trim()!="" } },

{ 'ContentID': 'EndTime', 'AimID': 'EndTime', 'TipContent': '时间不能为空', 'fn': function () { return $("#EndTime").val().Trim() != ""; } },

{ 'ContentID': 'DinnerName', 'AimID': 'DinnerName', 'TipContent': '最多输入128个字符', 'fn': function () { return $("#DinnerName").val().Trim().checkScope(1,128); } },

{ 'ContentID': 'keditor_div', 'AimID': 'keditor_div', 'TipContent': '最多输入500个字符', 'fn': function () { return _heditor.text().Trim().checkScope(1, 500); } },

{ 'ContentID': 'DishTip', 'AimID': 'DishTip', 'TipContent': '菜品不能为空', 'fn': function () { return arry_dishID.length!=0; } },

{ 'ContentID': 'Total_fee', 'AimID': 'Total_fee', 'TipContent': '填入正确的数字', 'fn': function () { return $("#Total_fee").val().Trim().isNumeric(); } },

{ 'ContentID': 'TipImg', 'AimID': 'TipImg', 'TipContent': '上传正确的图片', 'fn': function () { return $("#Img_url").val().Trim().checkScope(1, 256); } }

]);

if (!VerifyByPoshyTip.V()) return false;

var array_Nums=new Array();

for(var i=0;i<arry_dishID.length;i++){

array_Nums.push($("#tr_"+arry_dishID[i]).find("td").eq(3).text());

}

if (Json != 0) {//修改

$.ajax({

url: "FavorableMeal_edit.aspx",

type: "post",

data: { "cmd": "Update",

"DinnerID":DinnerID,

"BeginTime": $("#BeginTime").val(),

"EndTime": $("#EndTime").val(),

"DinnerName": $("#DinnerName").val(),

"Content": _heditor.html(),

"Total_fee":$("#Total_fee").val(),

"IsTakeOut": $("input[name='TakeOut']:checked").val(),

"DishID":arry_dishID.join(','),

"Nums":array_Nums.join(','),

"Img_url":$("#Img_url").val(),

"PushPosition": $("input[name='PushPosition']:checked").val(),

"IsPush": $("input[name='IsPush']:checked").val(),

"rad": Math.random()

},

beforeSend: function (XMLHttpRequest) { },

error: function () { },

success: function (data) {

if (data == "success") {

alert("更新成功");

window.location="FavorableMeal.aspx";

}

else {

}

}

});

}

else {//新增

$.ajax({

url: "FavorableMeal_edit.aspx",

type: "post",

data: { "cmd": "Add",

"BeginTime": $("#BeginTime").val(),

"EndTime": $("#EndTime").val(),

"DinnerName": $("#DinnerName").val(),

"Content": _heditor.html(),

"Total_fee":$("#Total_fee").val(),

"IsTakeOut": $("input[name='TakeOut']:checked").val(),

"DishID":arry_dishID.join(','),

"Nums":array_Nums.join(','),

"Img_url":$("#Img_url").val(),

"PushPosition": $("input[name='PushPosition']:checked").val(),

"IsPush": $("input[name='IsPush']:checked").val(),

"rad": Math.random()

},

beforeSend: function (XMLHttpRequest) { },

error: function () { },

success: function (data) {

if (data == "success") {

alert("增加成功");

window.location="FavorableMeal.aspx";

}

else {

}

}

});

}

});

});

function DelDish(DishID){

arry_dishID=arry_dishID.Delete(DishID);

var ZongJi= $("#ZongJi").text();

$("#ZongJi").text(parseInt(ZongJi)-parseInt($("#tr_"+DishID).find("td").eq(3).text()));

var ZongJia= $("#ZongJia").text();

$("#ZongJia").text(parseInt(ZongJia)-(parseInt($("#tr_"+DishID).find("td").eq(3).text())*parseInt($("#tr_"+DishID).find("td").eq(2).text())));

$("#tr_"+DishID).remove();

}

function AddDish(){

PageDialog.dialog({

width: "900px",

height: "250px",

title: "套餐菜品选择",

close:Total_Num,

content: $("#DishSelect")[0]

});

}

function CallBackDish(obj) {

$("#DishName_add").text(obj.DishName);

$("#DishDesc_add").text(obj.DishDesc);

$("#Price_add").text(obj.Price);

$("#DishID_add").val(obj.DishID);

$("#Dish_Content").show();

}

function Total_Num(){

var ZongJi=0;

var ZongJia=0;

$("#ZongJi").text("0");

$("#ZongJia").text("0");

$("#SelectDish_table").find("tr").each(function(i){

if(i!=0){

var tr_price=$(this).find("td").eq(2).text();

var tr_num=$(this).find("td").eq(3).text();

if(tr_price!=""&&tr_num!=""){

ZongJi+=parseInt(tr_num);

ZongJia+=parseInt(tr_num)*parseInt(tr_price);

}

}

});

$("#ZongJi").text(ZongJi);

$("#ZongJia").text(ZongJia);

}

function UpImg(){

_CropImg(480, 360, function (g) {

if(!!g){

arry_imgUrl="../cropimgs/"+g.cropImg;

$("#img_id").attr("src",arry_imgUrl);

$("#Img_url").val(g.cropImg);

}

});

}

</script>