jq简单的Ajax数据操作. 函数

Posted 只为_更加优秀!

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jq简单的Ajax数据操作. 函数相关的知识,希望对你有一定的参考价值。

function AiaxProduct() {
//产品名称
var productName = $("#ICNO").val();
$.ajax({
url: "@Url.Action("AjaxGetLXChannelProducts", "Order")",   //提交的控制器方法.
type: "GET",   //请求方式

cache: false,   //是否缓存

contentType: "application/json; charset=utf-8",
data: {         //数据参数
Page: 1,
MerchantCode: MerchantCode,
ChannelCode: ‘@ViewBag.ChannelCode‘,
ProductName: productName
},
beforeSend: function () {
//$(‘#dk_refresh‘).show();
},
success: function (data) {  //数据成功后的绑定   data 执行成功返回的数据
var objs = data;
if (objs == null || objs.Data.length == 0) {
$("#table_bug_reportpro").html("<div colspan=\"88\">暂无数据</div>");
}
else {
var data = objs.Data;
var Html = "<ul>";
for (var i = 0; i < objs.Data.length; i++) {
Html += ‘<li><span class="img_xuanzhong"></span> <span style="position: absolute; left: 40px;">‘;
Html += ‘‘ + data[i].ProductName + ‘</span> <span class="pick"><ul style="list-style-type:none">‘;
Html += ‘<li style="background-color:#ddd" onclick="UlLi(this);"><span>-</span></li>‘;
Html += ‘<li style="border-left: 0px;"><span class="guid">0</span></li>‘;
Html += ‘<li style="border-left: 0px;" onclick="UlLi(this);"><span>+</span></li>‘;
Html += ‘<li name="Money" style="visibility:hidden">‘ + data[i].ProductPrice + ‘</li>‘;
Html += ‘<li name="product" style="visibility:hidden">‘ + data[i].ProductId + ‘</li>‘;
//1::旅游集团 2:区域代理 3:独立企业,4:OTA,5: 旅行社,6:个人代理,7: 其他组织 ,\r\n10: 中间商 ,11: 代理商 ,‘,
Html += ‘<li name="enterpriseType" style="visibility:hidden">‘ + data[i].EnterpriseType + ‘</li>‘;
Html += ‘</ul></span></li>‘;
}
Html += "</ul>";
$("#table_bug_reportpro").html(Html);

}
}
})
}








































以上是关于jq简单的Ajax数据操作. 函数的主要内容,如果未能解决你的问题,请参考以下文章

用最基本的EF+MVC+JQ+AJAX+bootstrap实现权限管理的简单实例 之登陆和操作权限

JQ初级

JavaScript如何让jQ ajax请求 success函数里返回的数据,变为外层函数的返回值?

JQ——初识JQJQ入口函数与JS入口函数的区别

ajax请求的数据格式都有哪些?

JQ初级