湖南彩票网站开发,买了深圳安居房后悔了,网站建设和维护视频,免费字体下载网站还是先说一些基础知识#xff1a;语法#xff1a;$.ajax({option})option表示参数。以key/value形式出现。常用参数#xff1a;type:post/get。url:发送请求的地址。data:{object:object} 发送到服务器的数据#xff0c;必须为key/value格式。可以设置processData属性…还是先说一些基础知识语法$.ajax({option})option表示参数。以key/value形式出现。常用参数type:post/get。url:发送请求的地址。data:{object:object} 发送到服务器的数据必须为key/value格式。可以设置processData属性不转换数据格式。success:function(msg){} 请求成功后回调函数。error:function(msg){} 请求失败后回调函数。dataType:xml/html/script/json/jsonp 返回的数据类型。再看实例理解1.用Ajax实现无刷新审核功能(点击审核后LinkButton不可用并改为已审核)。界面如下这里数据显示用的是Repeater控件其中审核按钮为LinkButton服务器控件。页面Html代码rulesnone选择单号状态店铺购买者RMB操作 nameOrderId value /1号店铺张三100.00审核全选/反选实现代码如下a.脚本代码function lbtn_Audit_eShop_Price_Command(obj,orderId){if (obj.innerHTML ! 审核) return false;if (!confirm(确定要审核吗)) {return false;}$.ajax({type:post,//Post发送方式url:AjaxTest.aspx,//请求地址为本页面地址data:{OrderId:orderId,Action:Single_Review},//传入数据为订单号以及Actionsuccess:(function(msg){if(msg!){var chkId OrderId_orderId;document.getElementById(chkId).disabled disabled;obj.disabled disabled;obj.innerHTML 已审核;}})});return false;}b.服务器代码根据Action判断事件的执行。protected void Page_Load(object sender, EventArgs e){Conn.Open();//执行动作string Action CommFun.Get_Safe_Str(Request[Action]);if (!IsPostBack){if (Action ){rpt_Pro_Order_List_Bind();}else if (Action Single_Review) //点击审核{lbtn_Audit_eShop_Price_Command();}else //点击批量审核{btn_Batch_Review_eShop_Price();}}}Repeater绑定数据后,为LinkButton添加onclick属性,用于执行页面脚本代码。protected void rpt_Pro_Order_List_Bind(){……this.rpt_Review.DataSource Dt;this.rpt_Review.DataBind();for (int i 0; i this.rpt_Review.Items.Count; i){LinkButton lbtn_Audit_eShop_Price (LinkButton)this.rpt_Review.Items[i].FindControl(lbtn_Audit_eShop_Price);if (Dt.Rows[i][Audit_eShop_Price].ToString() 1){lbtn_Audit_eShop_Price.Enabled false;lbtn_Audit_eShop_Price.Text 已审核;}else{lbtn_Audit_eShop_Price.Enabled true;lbtn_Audit_eShop_Price.Attributes.Add(onclick,return lbtn_Audit_eShop_Price_Command(this, Dt.Rows[i][OrderId].ToString() ););}}}[code]2.用Ajax实现无刷新批量审核。注意这里用到的控件必须是Html控件否则会引起回发。但在Repeater内部服务器控件也可以使用。这里只需给inputbtton添加一个onclick属性直接执行Ajax脚本。脚本内容如下[code]//批量审核function Batch_Review(){if(!checkSelItem(OrderId,请选择订单)) return false;if(!confirm(确定要审核吗)) return false;var OrderIds ; //记录所有订单号var elements document.getElementsByName(OrderId);for (var m0; m elements.length; m){if(m elements.length - 1){OrderIds OrderIds elements[m].value;}else{OrderIds OrderIds elements[m].value ,;}}var orderIdArr OrderIds.split(,);var newOrderIdStr ;var j 0;//记录选择的订单个数var position ;//记录选择的订单位置for(var i 0;i{var chk_Id OrderId_orderIdArr[i];if($_Id(chk_Id).checked)//记录选中的订单{if(i orderIdArr.length - 1){newOrderIdStr orderIdArr[i];position i;}else{newOrderIdStr orderIdArr[i],;position i ,;}j;}}newOrderIdStr RemoveRightComma(newOrderIdStr);//去除末尾逗号后的订单号position RemoveRightComma(position);//去除末尾逗号后的位置$.ajax({type: POST,url: AjaxTest.aspx,data: { Order_Id_Arr: newOrderIdStr, Action: Batch_Review },success: function(msg) {if (msg ! ) {for(var k 0 ;k{var newOrderIdArr newOrderIdStr.split(,);var positionArr position.split(,);$_Id(OrderId_newOrderIdArr[k]).disabled disabled;if(parseInt(positionArr[k])10){$_Id(rpt_Review_ctl0parseInt(positionArr[k])_lbtn_Audit_eShop_Price).innerHTML 已审核;$_Id(rpt_Review_ctl0parseInt(positionArr[k])_lbtn_Audit_eShop_Price).disabled disabled;}else{$_Id(rpt_Review_ctlparseInt(positionArr[k])_lbtn_Audit_eShop_Price).innerHTML 已审核;$_Id(rpt_Review_ctlparseInt(positionArr[k])_lbtn_Audit_eShop_Price).disabled disabled;}}}}})return true;}//去除右边逗号function RemoveRightComma(str){if(str ) return;var i;for(i str.length-1;i0;i--){//charAt(i)取某一个位置的字符if(str.charAt(i) ! ,) break;}//截取字符串substring(start,stop);返回的结果不包含最后一位str str.substring(0,i1);return str;}至此实例讲解结束。最后回顾思路1.单条审核在页面初始化时给审核按钮加上onclick属性执行页面脚本单击审核后后台的page_load事件根据Action选择执行的事件。2.批量审核: 给批量审核按钮加上onclick属性执行Ajax脚本后台的page_load事件同样根据Action选择执行的事件。批量审核按钮必须为Html控件。
