同、实现目标

昨日记忆以网站后台改进个稍效能,为了简化user操作步骤,在user输入文件名称后自动进行任刷新验证。功效简单,不过也碰着了意想不到的难为,且听自己渐渐道来。完成后底功力预览如下:

jQuery 1

 

亚、知识复习

率先带大家复习一下JQuery
Ajax最常用的基本措施。掌握的恋人可过了就有些。

  1. jQuery.get( url, [data], [callback] )**:**使用GET形式来进展异步请求

 

jQuery 2jQuery 3代码

    参数: 
     url (String) :  发送请求的URL地址. 
     data (Map) : (可选) 要发送给服务器的数量,以 Key/value 的键值对情势表示,会召开也QueryString附加到要URL中。 
     callback (Function) : (可选) 载入成功时回调函数(只有当Response的回状态是success才是调整用该方法)。

 

  1. jQuery.post( url, [data], [callback], [type] ) **:**使用POST形式来开展异步请求

   

jQuery 4jQuery 5代码

参数: 
    url (String) : 发送请求的URL地址. 
    data (Map) : (可选) 要发送给服务器的数据,以 Key/value 的键值对情势表示。 
    callback (Function) : (可选) 载入成功时回调函数(只有当Response的归来状态是success才是调整用该格局)。
    type (String) : (可选)官方的表明是:Type of data to be sent。其实应当也客户端请求的类(JSON,XML,等等)

 

jQuery,**三、牛刀小试**

页面设计:重要控件是一个textBox输入文件名称和label控件显示验证结果。

 

<asp:TextBox runat =”server” ID =”txtName” CssClass =”adminselect06″></asp:TextBox>
<br />
<label id =”tipName” class =”admintext14″></label> 

 

 

后台判断:

 

增补加页面CheckFileName.aspx,这是Ajax请求的页面,判断有结果后归给主页面。其,后台功效代码重要如下

在page_load事件被上加

 

DBConn db = new DBConn();
        string name = “”; 
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                //1.首先得ajax方法传入的参数
                if (Request.QueryString[“name”] == null || Request.QueryString[“name”].ToString().Trim() == “”)
                {
                    MessageBox.Show(“请输入视频称”);
                    return;
                }
                else
                    name = Request.QueryString[“name”].ToString();     
               //2数据库操作,检测文件名称是否再,
                File山姆e filesame = new FileSame();//自定义之枚举类型,存放检测结果
                string sql = “.select ……”;
                DataTable dt = db.GetDataSet(sql, “file”).Tables[0];
                if (dt.Rows.Count > 0)
                     filesame = FileSame.AllSame;
                else filesame = FileSame.OnlyContent;            
                //3.按照检测结果重回相应文字
                switch (filesame)
                {
                    case FileSame.NotSame:
                        Response.Write(“*勿存在同样名称的文件”);
                        break;
                    case FileSame.Same:
                        Response.Write(“*一度在同样名称的文本”);
                        break;
                              }
            }
    }

 

 

前台用JQuery方法来促成无刷新验证:


 

<script src=”js/jquery-1.4.2.js” type =”text/javascript” ></script>
 <script language =”javascript” type =”text/javascript”>
      $(document).ready(
      function () {
        $(“#txtName”).blur(function () {
            var name = $(“#txtName”).val();
            $.get(“CheckFileName.aspx? name=” + name, null, function callback(data) { $(“#tipName”).html(data); });
        })
    })
   </script>

 

季、麻烦出现了:

麻烦一:.程序执行的下不断指示如下错误(Invalid character in a Base-64
string). jQuery 6

查看了头资料,原因该假如回传的指示文字被有特殊字符“*”导致的。因为只好分包0-9,a-z,A-Z的字符才算是合法的。经过调整之后竟实现了相思使的功力。

麻烦二:可是继续开展操作时,发现了此外一个题材。即:点击页面内任何一个服务器控件的早晚都谋面并发一个误(The state information is
invalid for this page and might be corrupted.)。

 jQuery 7

说到底找到了一个化解方案:

首先找到Ajax请求的文书中Response部分代码,即。

 

 switch (filesame)
                {
                    case FileSame.NotSame:
                        Response.Write(“*切莫存在一样名称的公文”);
                        break;
                    case FileSame.Same:
                        Response.Write(“*早就在一样名称的文书”);
                        break;
                 }

 

 

下一场上加Response.End()即可。

 

switch (filesame)
                {
                    case FileSame.NotSame:
                        Response.Write(“*勿在同样名称的文书”);
                        Response.End();
                        break;
                    case FileSame.Same:
                        Response.Write(“*一度在同样名称的文本”);
                        Response.End();
                        break;
                 }

 

 

至今终搞定了。对于JQuery的钻还无太怪,仅提供好之平等接触更和大家分享,希望我们多互换。

相关文章

网站地图xml地图