• 技术文章 >web前端 >js教程

    基于jquery的划词搜索实现(备忘)_jquery

    2016-05-16 18:19:45原创569
    参照页面:http://www.jb51.net/article/24825.htm

    一、DragSearchByJQuery.aspx页面(调用页面)
    复制代码 代码如下:


    划词搜索







    《红楼梦》是我国古代四大名著之一,属章回体长篇小说,成书于1784年(清乾隆帝四十九年)。梦觉主人序本正式题为《红楼梦》,它的原名《石头记》、《情僧录》、《风月宝鉴》、《金陵十二钗》等。是我国古代最伟大的长篇小说,也是世界文学经典巨著之一。作者曹雪芹。现通行的续作是由高鹗续全的一百二十回《红楼梦》。



    if you want to search,one way is to Google,one of the others is Baidu







    相关JQuery
    复制代码 代码如下:




    二、Search.aspx页面(被调用页面)
    复制代码 代码如下:









    后台
    复制代码 代码如下:

    protected void Page_Load(object sender, EventArgs e)
    {
    if (!IsPostBack)
    {
    this.txtContent.Text = Request.QueryString["q"].ToString();
    btnSearch_Click(sender, e);
    }
    }
    protected void btnSearch_Click(object sender, EventArgs e)
    {
    this.lblNote.Text = "搜索关键字为:" + this.txtContent.Text;
    }

    三、附注
    1、使用encodeURIComponent代替 escape的原因
      escape() 只是为 ASCII字符 做转换工作,转换成的 %unnnn 这样的码,如果要用更多的字符如 UTF-8字符库 就一定要用 encodeURIComponent() 或 encodeURI() 转换才可以成 %nn%nn 这的码才可以escape() 只是为 ASCII字符 做转换工作,转换成的 %unnnn 这样的码,如果要用更多的字符如 UTF-8字符库 就一定要用 encodeURIComponent() 或 encodeURI() 转换才可以成 %nn%nn 这的码才可以。
      来源:请参见http://www.misuisui.com/weblog/?p=418

    2、网上有一篇是使用Javascript实现的,具体代码为:
    复制代码 代码如下:

    <%@ Page Language="C#" AutoEventWireup="true" Codebehind="DragSearch.aspx.cs" Inherits="CanYou.AutoComplete.Web.DragSearch" %>



    划词搜索







    《红楼梦》是我国古代四大名著之一,属章回体长篇小说,成书于1784年(清乾隆帝四十九年)。梦觉主人序本正式题为《红楼梦》,它的原名《石头记》、《情僧录》、《风月宝鉴》、《金陵十二钗》等。是我国古代最伟大的长篇小说,也是世界文学经典巨著之一。作者曹雪芹。现通行的续作是由高鹗续全的一百二十回《红楼梦》。



    if you want to search,one way is to Google,one of the others is Baidu









    (参照网址为:http://www.jb51.net/article/20610.htm)
    不过,相对上面用JQuery实现的,这个方案,存在的问题是:对包含多个英文单词搜索的,只取了其中一部分进行划词搜索。有待进一步完善。
    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:划词搜索
    上一篇:修改jquery里的dialog对话框插件为框架页(iframe) 的方法_jquery 下一篇:JQuery FlexiGrid的asp.net完美解决方案 dotNetFlexGrid-.Net原生的异步表格控件_jquery
    Web大前端开发直播班

    相关文章推荐

    • 浅析Angular+rxjs怎么实现拖拽功能?• 值得了解的几个实用JavaScript优化小技巧• JavaScript学习理解之JSON(总结分享)• 你能搞懂JS的this指向问题吗?看看这篇文章• map在jquery中的用法是什么

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网