LigerUI用Post\Get\Ajax前后台交互方式的写法
parms 参数统一 json格式的数据
url 访问后台的url
设置同步参数
- $.ajaxSetup({ async : false}); // 同步参数 false为同步,tree为异步
第一种:
Get方式
- $.get("url", parms, function(data, status) {
- if (status == "success") {
- data = eval("(" + data + ")");
- aDataSet = data;
- alert("data is " + aDataSet);
- } else {
- alert("wrong");
- }
- });
Post方式
1 <span style="font-size:18px;">
2 $.post("url", params, function (data) {
3 $("#BoxBottleId").val(data);
4 });
5 </span>
第二种:
LigerUI中的 getJSON
<span style="font-size:18px;">
$.getJSON('url?ajaxaction=GetClassProductByFid&FatherId=' + currentid,
function (json) { gridRight.set('data', json); //把json塞到下拉框里面去 });
</span>
第三种:
ajax方式:
<span style="font-size:18px;">
url (String) : 请求的HTML页的URL地址。 data (Map) : (可选参数) 发送至服务器的 key/value 数据
</span><span style="font-size:18px;">
$.ajax({ cache: false, async: true, url:'../handle/baseinfo.ashx?ajaxaction=GetClassProductByFid', // 后台取 data: p.data, dataType: 'json',
type: 'post', beforeSend: function () { LG.loading = true; if (p.beforeSend) p.beforeSend(); else LG.showLoading(p.loading); }, complete: function () { LG.loading = false; if (p.complete) p.complete(); else LG.hideLoading(); }, success: function (result) { p.success(result); }, error: function (result, b) { LG.tip('发现系统错误 <BR>错误码:' + result.status); } }); </span><span style="font-size:18px;">
$.ajax({ cache: false, async: true, dataType: 'json',
type: 'post', url: options.url, data: { view: options.view, idfield: options.idfield, textfield: options.textfield, where: JSON2.stringify(where) }, success: function (data) { if (!data || !data.length) return; g._changeValue(data[0]['id'], data[0]['text']); } });
</span>
第四种:
LigerUI:
<span style="font-size:18px;">
LG.ajax({
loading: '正在加载数据...',
url: '../handle/IdBoxKey.ashx?ajaxaction=GetBoxKeyByApplyId&ApplyId=' + applyid,
success: function (result) {
grid1.set('data',result);
},
error: function (message) {
LG.tip(message);
}
});
</span>
技术小白记录自己的经验与分享,不足之处多多包含,欢迎指正!