JQuery替代AjaxPro调用后台cs方法

试图使用JQuery实现图片轮播，之后出现动画不能运行的问题，找了阵子才发现是某JS中AjaxPro的引用造成。

网上逛了逛没有发现什么特别好的解决方法，只好将页面中的AjaxPro去掉，用JQuery实现其调用后台Cs方法的功能。

//调用后台登录验证

var parms = "{ 'UserName':'" + UserName + "', 'PassWord':'" + PassWord + "', 'CookieType':'" + CookieType + "', 'validate':'false'}";
  jQuery.ajax({
      type: "post",
      url: "/sys_template/JqueryLogin.aspx/AjaxCheckLogin",
      data: parms,
      contentType: "application/json; charset=utf-8",
      dataType: "json",
      success: function(str) {
         
          if (str.d == "True") {
              jQuery("#LabelUser_Name").attr("innerHTML", jQuery("#toptxtUserName").attr("value"));
              jQuery("#loginBox_3").css("display", "");
              jQuery("#loginBox_2").css("display", "none");
              jQuery("#loginBox").css("display", "none");
          }
          else {
              alert(str.d);
          }
      },
      error: function(err) {
          alert(err);
      }
  });

 

[System.Web.Services.WebMethod()]
public static string AjaxCheckLogin(string UserName, string PassWord, string CookieType, string validate)
{

//验证

}

还需加入System.Web.Extensions.dll的引用

同时配置文件web.config

<httpModules>//节点中加入

<!--jquery.ajax调用cs方法-->
  <add name="ScriptModule" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>

</httpModules>

 

后台方法必须为静态static 否则会出现 未知web方法 XXXXX的错误

JQuery.ajax()方法具体描述

http://www.w3school.com.cn/jquery/ajax_ajax.asp