asp.net web开发综合技能

1.设置TextBox为只读
   大家在想将TextBox控件设置为只读还不容易吗？但如果你是用到Ajax在客户端改变控件的值，再在服务器获取，如果直接将Textbox设置为Enble 设置为false,那么在客户端改变了值，在服务器端还是获取不到。我开始开发的时候，还以为只读控件就直接用Lable控件就好，后来发现一样的在客户端能改变值，但在服务器端获取不到。唯一可行的是用下面的设置：
          textBox.Attributes["readonly"] = "readonly";
2.在服务器端控制Html控件的显示&隐藏

Code
/**//// <summary>
    /// 在服务器端控制HTML控件的显示
    /// </summary>
    /// <param name="ClientID">Client ID</param>
    /// <param name="Visible">true显示,false隐藏</param>
    /// <param name="page"></param>
    public static void ShowCtrl(string ClientID, bool Visible,System.Web.UI.Page page)
    {
      StringBuilder script = new StringBuilder();
      script.Append("<script language=javascript>");
     //script .AppendFormat ("var v = eval('document.all.tabContent__' + idx);");
      script.AppendFormat("document.getElementById ('{0}').style.display='{1}';", ClientID, Visible ? "block" : "none");
      script.Append("</script");
      ClientScriptManager ScriptMag = page.ClientScript;

      if (!ScriptMag.IsStartupScriptRegistered(page.GetType(), "showCtrl"))
      {
        ScriptMag.RegisterStartupScript(page.GetType(), "showCtrl", script.ToString());
      }
    }

3.弹出新的窗口
   要想弹出一个新的窗口，1：是通过链接，设置target属性 为_blank 。
  2：是通过window.open
  我要说的不是通过链接来实现，通过window.open,可以通过    Response.Write 输出javascript脚本，但是这样输出的javascript在页面的最上面，更不好的是，这样输出后改变的页面的样式，字体设置的样式都随之改变，所以有问题。
  我解决的是通过ClientScriptManager.RegisterStartupScript注册起始运行脚本，这样生成的脚本在页面的最下面，不扰乱页面的结构。
   StringBuilder script = new StringBuilder();
      script.Append("<script language=javascript>");
      script.AppendFormat("window.open('text.aspx');");
      script.Append("</script");
     ClientScriptManager ScriptMag = page.ClientScript;
     if(!ScriptMag.IsStartupScriptRegistered (page .GetType() ,"print"))
      {
        ScriptMag.RegisterStartupScript (page.GetType() ,"text",script.ToString ());
      }

3在客户端访问服务器
   在客户端访问或提交数据到服务器端，总的来说就是通过javacript异步访问服务器。

   前提实现XMLHttpRequest,可以通过asp.net中的ajax,或JQuery中封装好了的ajax,或自己封装。例如：

    1.调用asp.net中ajax

在页面加入ScriptManger,如果是调用页面方法EnablePageMethods要设为true,如果访问webService设置webservice路径。

 

<asp:ScriptManager id="AjaxMag" runat="server" EnablePageMethods ="true"  ScriptMode="Release" >
        <Services><asp:ServiceReference Path ="~/WebService/comm.asmx" InlineScript="true" /></Services>
</asp:ScriptManager>

  调用 Page Method

//xxx.aspx.cs页面定义
[System.Web.Services.WebMethod]
  public static string[] GetList(string key)
 {
   return new string[]{
     "AAAAAAAAA","BBBBBBBB","CCCCCCC","DDDDDD"
   };
 }

//javascript 调用PathMethods
var key ="a";
var x 
PageMethods.GetList(key,function(result){
    var x ;
    document.write ("list count:" + result.length + "<br/>");
    for (x in result)
    {
     document.write (result[x] +"<br/>");
    }
};

调用WebService 中Methods

//Web Service定义
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
//加入此
[System.Web.Script.Services.ScriptService]
public class comm : System.Web.Services.WebService {

    public comm () {
    }

    [WebMethod]
    public string[] GetList(string key) {
        return new string []{"aaa","bbb","cc"};
    }
}

//javascript 访问web service
var key="A";
comm.GetList(key,function(result){
          var x ;
          document.write ("list count:" + result.length + "<br/>");
          for (x in result)
          {
            document.write (result[x] +"<br/>");
          }
    });

 2.自定义XMLHttpRequest

var xmlHttp;
var viewModel;
//建立异步处理对象
function createXMLHttpRequest() {
    xmlHttp = false;
    //开始初始化XMLHttpRequest对象
    if(window.XMLHttpRequest) { //Mozilla 浏览器
        xmlHttp = new XMLHttpRequest();
        if (xmlHttp.overrideMimeType) {//设置MiME类别
            xmlHttp.overrideMimeType('text/xml');
        }
    }
    else if (window.ActiveXObject) { // IE浏览器
        try {
            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            try {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) {}}
        }
        if (!xmlHttp) { // 异常，创建对象实例失败
            window.alert("不能创建XMLHttpRequest对象实例.");
            return false;
        }
}
function AsynGet()
{
  createXMLHttpRequest();
  viewModel=model;
  url="Handler.ashx?key=A";
  xmlHttp.open("GET", url, true);
  xmlHttp.onreadystatechange = callback;
  xmlHttp.send(null);
}
function callback()
{
    if (xmlHttp.readyState == 4) 
    {     
        if (xmlHttp.status == 200) 
        {   
                  var result = xmlHttp.responseText;
                  document.getElementById("lblMsg").innerHTML=result
                  var arr =result.split(',');
                  var x ;
                  for (x in arr)
                  {
                    document.write(arr[x] + "<br />");
                  }
                }
        else
        {
            //显示错误信息
        }
    }
}

 3.使用JQuery Ajax:

var sendData="key=A";
$.ajax({
      type: "POST",
      url:"Handler.ashx",
      data:sendData,
      success:function(result){
         $("#lblMsg").text(result);
         var arr = result.split(',');
         var x;
         for (x in arr)
         {
          document.write(arr[x] + "<br/>");
         }
      }
});

 所访问的Handler.ashx

<%@ WebHandler Language="C#" Class="Handler" %>
using System;
using System.Web;
public class Handler : IHttpHandler {
    public void ProcessRequest (HttpContext context) {
        context.Response.ContentType = "text/plain";
        context.Response.Write("AAA,BBB,CC");
    }
    public bool IsReusable {
        get {
            return false;
        }
    }
}

 动态加载Javascript和CSS

 在Head中加Javascript和CSS  

     HtmlGenericControl script = new HtmlGenericControl("script");
      script.Attributes["type"] = "text/javascript";
      script.Attributes["src"] = "comm.js";

      Page.Header.Controls.Add(script);


      HtmlGenericControl css = new HtmlGenericControl("link");
      css.Attributes["type"] = "text/css";
      css.Attributes["href"] = "style.css";
      css.Attributes["rel"] = "stylesheet";
      Page.Header.Controls.Add(css);

在页尾加Javascript
      string js = "<script type=\"text/javascript\" src=\"comm.js\"></script>";
      ClientScript.RegisterStartupScript(GetType(),"js",js);

 Ajax防止乱码处理

 

 

 <script type ="text/javascript">
    
    function OnClientAjax()
    {
      var value ="中文测试~!@#$%^&*()-+_`123/45";
   
      $.ajax({
       type: "POST",
        url: "output.aspx",
        data: "value=" + urlEncode(escape(value)),
        success: function(msg){
           alert(msg);
       }
     });
    }
    
    function urlEncode(s) 
    {
     return s.replace(/\+/g, '%2b').replace(/\"/g,'%22').replace(/\//g,'%2f');
    }
   
    </script>

 

　　

 

 protected void Page_Load(object sender, EventArgs e)
    {
            string value =Server.HtmlDecode (Request["Value"]);

            Response.Write(value);
    }