jquery easyui怎么实现前后台数据的交互

jquery easyui怎么实现前后台数据的交互

easyui要实现前后台的数据交互,大体来讲可以按以下顺序来操作
1、了解当前组件数据的所需格式,一般都是json结构
2、后台通过easyui所请求的地址,返回相应的数据(json)
3、获取到数据后，设置要显示的效果。


示例：easyui中的datagrid组件。
格式要求如： 
{total:1000,rows:[{title:122},{title:122},{title:122},{title:122}]}其中 total 是数据量,rows是当前页的数据
设置datagrid为ajax加载,只需要设置href为请求地址就可以了

我使用的是Jquery ajax
如下：
$.ajax({
url: '你要处理的後台页面',
type: 'post',
dataType: "json",
data: { '後台方法参数名': ’你的参数值‘ },
success: function (data) {//data为返回的Json结果
if (data.result == "success") {
//你的处理动作;
}
else {
//你的处理动作;
}
},
error: function (xhr, error, ex) {
alert("出现异常");
}
});
希望能帮到你

easyui内置了ajax来进行交互，哪怕是easyui中的表单form，也是使用ajax

 dg = $("#chufang").datagrid({
        url: 'ashx/HosChuFang.ashx',
        columns: [[
        { field: 'HP_PrescriptionDate_Date', title: 'xxx', width: 100 },
        { field: 'HP_PrescriptionDoctor_Vc', title: 'xxx', width: 100 },
        { field: 'HP_PrescriptionFee_Dec', title: 'xxx', width: 100 },
        { field: 'HP_AllowedComp_Dec', title: 'xxx', width: 100 },
        { field: 'HP_UnallowedComp_Dec', title: 'xxx', width: 100 },
        { field: 'kfks', title: 'xxx', width: 140 },
        { field: 'zxks', title: 'xxx', width: 140 },
        { field: 'HP_HosRegisterCode_Vc', title: 'xxx', width: 150 }
        ]],
        pageNumber: 1,
        pageSize: 6,
        pageList: [6],
        striped: true
    });public string GetChuFangMain(HttpContext context)
        {
            string cond = "DeleteFlag_Ch='N' and HP_HosRegisterCode_Vc='" + regis_code + "'";

            int pageSize = int.Parse(context.Request["rows"]);
            int pageIndex = int.Parse(context.Request["page"]) - 1;
            DataSet ds = bll_hosPreMain.GetListByPage(cond, "HP_PrescriptionDate_Date desc ", (pageIndex) * pageSize + 1, (pageIndex) * pageSize + pageSize);

            int count = bll_hosPreMain.GetRecordCount(cond);
            string datajson = CXJMJBYLBX.CXJMJBYLBXBLL.FormatToJson.ToJson(ds);
            datajson = datajson.Replace("ds", "rows").Replace("System.Byte[]", "0");
            datajson = "{"total":"" + count + ""," + datajson.Substring(1, datajson.Length - 1);
            return datajson;
        }