AJAX学习步步总结

关于服务器控件生成页面后ID名称改变问题解决方案;
Utility.RegisterTypeForAjax(typeof(HKSManage_Industry_Data_ID_List));
并引用using AjaxPro;
在通过后台代码生成的部分页面中.
CS:this.yourServerControlName.innerhtml=yourBindData;
在客户端如果需要重新处理该部分数据时就得先生成页面
<div id="showID" runat="server"></div>
找到生成页面后该服务器控件生成后的ID名称,将它用于JS代码
<script type="text/javascript" language="javascript">
 function DeleteIndustryData(thisid)
 {
  var showIDhtml = document.getElementById("ctl00_ContentPlaceHolder1_showIDshowID");//showID的页面生成名称
  showIDhtml.innerHTML = HKSManage_Industry_Data_ID_List.DeleteIndustryRecord(thisid).value;//AJAX方法返回部分页面数据
 }
</script>

CS:
 [AjaxMethod]
public string DeleteIndustryRecord(string industryMark)
{
 string strHtml = yourBindDataHere;
 return strHtml;
}

如果不使用服务器控件生成后的ID名,则可以:
将绑定数据的方法也申明成AJAX方法
将<div id="showID" runat="server"></div>改成
<div id="showID"></div>
在客户JS中:
<script language="javascript" type="text/javascript">
 window.onload=new function()
 {
 loadData()
 };
 function loadData()
 {
 var showIDhtml = document.getElementById("showID");
 showIDhtml.innerHTML =HKSManage_Industry_Data_ID_List.BindIndustryData().value
 }
</script>
当然需要在Web.Config添加配置:
<!--用来注册Ajax方法-->
  <httpHandlers>
   <add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro.2"/>
  </httpHandlers>