发布一个原创的基于Ajax的通用(组合)查询

最新推荐文章于 2024-07-30 10:56:44 发布
最新推荐文章于 2024-07-30 10:56:44 发布
阅读量1k 收藏
点赞数
分类专栏： JAVASCRIPT 正则表达式 XML 文章标签： ajax string javascript table enums null

发布一个原创的基于Ajax的通用(组合)查询

Posted on 2005-10-19 22:45 冰戈 阅读(1185) 评论(0)   编辑  收藏 收藏至365Key 所属分类: Ajax&Altas

简单介绍：
1.完全无刷实现，客户端主要实现生成条件选择或录入控件，并进行录入控制；

2.将字段信息存放于XML文件，便于数据移植

3.通过js脚本，ajax框架引擎获取字段信息

4.通过js脚本生成组合条件；
 
5.运行效果：

下面是代码和实现效果：
1.AjaxSeachMethod.cs

using  System;
using  System.Xml;
using  System.Data;
using  System.Data.SqlClient;

namespace  WebUI.AjaxSearchSystem
{
    /// <summary>
    /// SearchMethod 的摘要说明。
    /// </summary>
    public class AjaxSearchMethod
    {
        private string[] CHAR_OP    = new string[]{"等于|=","不等于|<>","相似于|Like","不相似于|Not Like"};
        private string[] NUM_OP        = new string[]{"大于|>","大于或等于|>=","等于|=","不等于|<>","小于|<","小于或等于|<="};    
        private string[] DATE_OP    = new string[]{"等于|=","不等于|<>","先于|<","后于|>"};    

        public AjaxSearchMethod()
        {}

        /// <summary>
        /// 根据表名获取包含的字段
        /// </summary>
        /// <param name="table">表名</param>
        /// <returns></returns>
        [AjaxPro.AjaxMethod]
        public string[] GetFields(string table)
        {
            string[] strArrFields = null;

            try
            {
                XmlDocument xd = LoadXml(@"/AjaxSearchDataCollection.xml");
                XmlElement    xe  =xd.DocumentElement;
                XmlNode        xn = xe.SelectSingleNode("descendant::Table[@value='"+table+"']");
                XmlNodeList xnl = xn.ChildNodes;
                int iLen = xnl.Count;
                strArrFields = new string[iLen];

                int iIndex = 0;

                foreach(XmlNode xnField in xnl)
                {
                    strArrFields[iIndex] = xnField.Attributes["Name"].InnerText + "|" + xnField.Attributes["Value"].InnerText;
                    iIndex ++;
                }
            }
            catch(Exception ee)
            {
                throw new ArgumentOutOfRangeException(@"AjaxSearchDataCollection.xml","/Table[@value='"+table+"']：指定的接点不存在，请重新定义XML文档！");
            }
            return strArrFields;
        }

        /// <summary>
        /// 根据字段获取对应的操作符列表
        /// </summary>
        /// <param name="field"></param>
        /// <returns></returns>
        [AjaxPro.AjaxMethod]
        public string[] GetOpts(string table,string field)
        {
            string strTypeofField = GetTypeofField(table,field);

            switch(strTypeofField)
            {
                case "char":
                    return CHAR_OP;
                    break;
                case "int":
                    if(GetEnumField(table,field)==null)
                    {
                        return NUM_OP;
                    }
                    else
                    {
                        return (new string[]{"是|=","不是|<>"});
                    }
                    
                    break;
                case "decimal":
                    return NUM_OP;
                    break;
                case "datetime":
                    return DATE_OP;
                    break;
                default:
                    return (new string[]{"等于|="});
                    break;
            }
        }

        /// <summary>
        /// 根据字段获取对应的可能存在的枚举值列表
        /// </summary>
        /// <param name="field"></param>
        /// <returns></returns>
        [AjaxPro.AjaxMethod]
        public string[] GetEnums(string table,string field)
        {
            string strTypeofField = GetTypeofField(table,field);
            string[] enums = GetEnumField(table,field);

            int iLen = enums==null?0:enums.Length;

            string[] result = new string[iLen+1];

            result[0] = strTypeofField;

            if (iLen == 0)
            {
                return result;
            }

            int iIndex = 1;

            foreach(string str in enums)
            {
                result[iIndex] = str;
                iIndex ++;
            }

            return result;

        }

        内部支持脚本
    }
}

2.AjaxSearchDataCollection.xml 

<? xml version="1.0" encoding="utf-8"  ?>
< Fields >
     < Table  Name ="产品表"  value ="employee" >
         < Field  Name ="雇佣号"  Value ="emp_id"  DataType ="char" >
         </ Field >
         < Field  Name ="名字"  Value ="fname"  DataType ="char" >
             < Enum  SqlSyntax =""  TextField =""  ValueField ="" ></ Enum >
         </ Field >
         < Field  Name ="工作号"  Value ="job_id"  DataType ="int" >
             < Enum  SqlSyntax ="SELECT job_id,job_desc FROM jobs"  TextField ="job_desc"  ValueField ="job_id" ></ Enum >
         </ Field >
         < Field  Name ="工作**"  Value ="job_lvl"  DataType ="int" >
         </ Field >
         < Field  Name ="雇佣日期"  Value ="hire_date"  DataType ="datetime" >
         </ Field >
     </ Table >
</ Fields >

 

3.AjaxSearchClientScript.js
var  tbPanel             =   null ;         // 用于展示组合条件的表控件
var  tableName         =   null ;         // 记录查询的表
var  fieldsInfo         =   null ;         // 保存从服务端取得的对应表的字段信息
var  no                 =   0 ;         // 为防止出现重复id保存的计数器
// 添加条件编辑行

function  addTerm(tbPanelId)
{
    tbPanel = document.getElementById(tbPanelId);
    if(tableName == null) tableName = document.getElementById("transValue").value;
    
    // 添加一待填模板行
    var row    = tbPanel.insertRow();
    no++;
    row.id = "row"+no;
    
    //*****************************step 1:添加字段选择部分*****************************
    var cell            = row.insertCell();
    var fieldInputId    = "field"+row.id;
    var newElement        = document.createElement("<SELECT ID='"+fieldInputId+"' οnchange='javascript:getOpts("+row.id+");getInput("+row.id+")'></SELECT>");
    
    cell.insertBefore(newElement);
    
    //取出字段信息,首次从服务端取得
    if(fieldsInfo == null)
    {
        fieldsInfo = WebUI.AjaxSearchSystem.AjaxSearchMethod.GetFields(tableName.toString()).value;
    }
    
    //分解字段信息，格式为“字段中文名|字段名”

    var fieldsInfoLen;
    var i,index;
    var fieldValue;
    
    fieldsInfoLen = fieldsInfo.length
    
    for(i=0;i<fieldsInfoLen;i++)
    {
        fieldValue = fieldsInfo[i];
        index = fieldValue.indexOf("|");
        newElement.options[newElement.options.length] = new Option(fieldValue.substring(0,index),fieldValue.substring(index+1,fieldValue.length));
    }
    
    //*****************************step 2:提取默认（首个）字段对应的运算符*************
    cell = row.insertCell();
    var optInputId = "opt" +row.id;
    newElement = document.createElement("<SELECT ID='"+optInputId+"' style='WIDTH: 88px'></SELECT>");
    cell.insertBefore(newElement);
    
    getOpts(row);
    
    //*****************************step 3:设置字段条件值的录入（选择）框***************
    getInput(row);
    
    //*****************************step 4:生成连接条件选择框***************************
    cell = row.insertCell();
    var relateInputId = "relate"+row.id;
    newElement = document.createElement("<SELECT ID='"+relateInputId+"'></SELECT>");
    cell.insertBefore(newElement);
    newElement.options[newElement.options.length] = new Option("并且","And");
    newElement.options[newElement.options.length] = new Option("或者","Or");
    
    //*****************************step 5:生成删除当前行按纽***************************
    cell = row.insertCell();
    var deleteBtnId = "delete"+row.id;
    newElement = document.createElement("<INPUT ID='"+deleteBtnId+"' type='Button' class='redButtonCss' value='删除' οnclick='javascript:DelRow("+row.id+")'>");
    cell.insertBefore(newElement);
    
    //*****************************step 6:生成增加下一行按纽***************************
    cell = row.insertCell();
    var addBtnId = "add"+row.id;
    newElement = document.createElement("<INPUT ID='"+addBtnId+"' type='Button' class='redButtonCss' value='新增' οnclick='javascript:addRow("+row.id+")'>");
    cell.insertBefore(newElement);
}

// 取得并设置运算符
function  getOpts(row)
{
    var rowId = row.id;
    
    var fieldSelId = "field"+rowId;
    var field = document.getElementById(fieldSelId);
    
    var elemID = "opt"+rowId;
    var element = document.getElementById(elemID);
    
    var optInfo = WebUI.AjaxSearchSystem.AjaxSearchMethod.GetOpts(tableName.toString(),field.value).value;
    var optValue;
    var j,index;

    //先移除原有项
    while (element.options.length > 0) 
    {    
        element.options.remove(element.options.length-1);
    }
    
    for(j=0;j<optInfo.length;j++)
    {
        optValue = optInfo[j];
        index = optValue.indexOf("|");
        element.options[element.options.length] = new Option(optValue.substring(0,index),optValue.substring(index+1,optValue.length));
    }
}

// 设置值录入控件,取得可能存在的枚举值

function  getInput(row)
{
    var rowId = row.id;
    
    var fieldSelId = "field"+rowId;
    var field = document.getElementById(fieldSelId);
    
    var inputId = "input"+rowId;
    var inputElement = document.getElementById(inputId);
    
    if (inputElement != null)
    {
        row.deleteCell(2);
    }
    
    //获取可能存在的枚举值

    var enums = WebUI.AjaxSearchSystem.AjaxSearchMethod.GetEnums(tableName.toString(),field.value).value;
    var oCell;
    
    if (enums.length <= 1)//不存在枚举值，使用text
    {
        var elementSyntax = "<INPUT ID='"+elemID+"' type='text' style='WIDTH: 144px'>";
        oCell = row.insertCell(2);
        var elemID = "input"+rowId;
        
        switch(enums[0])
        {
            case "int":
                elementSyntax = "<INPUT ID='"+elemID+"' type='text' style='WIDTH: 144px' onKeyPress='javascript:return controlNumberKeyPress(this)' onKeyUp='return controlNumberOnKeyUp(this)' οnfοcus='this.select()' style='TEXT-ALIGN:right' οnpaste='return !clipboardData.getData(/"text/").match(//D/);'>"
                break;
            case "decimal":
                elementSyntax = "<INPUT ID='"+elemID+"' type='text' style='WIDTH: 144px' onKeyPress='javascript:return controlMoneyKeyPress(this)' onKeyUp='return controlMoneyOnKeyUp(this,10,4)' οnfοcus='this.select()' style='TEXT-ALIGN:right' οnpaste='return !clipboardData.getData(/"text/").match(//D/);'>"
                break;
            case "datetime":
                elementSyntax = "<INPUT ID='"+elemID+"' type='text' style='WIDTH: 144px' οnfοcus='setday(this)'οnkeypress='return false' onselectstart='return false;' readonly='true' οnpaste='return false;' >"
                break;
            default:
                elementSyntax = "<INPUT ID='"+elemID+"' type='text' style='WIDTH: 144px'>"
                break;
        }
                
        var oNewItem = document.createElement(elementSyntax);
        oCell.insertBefore(oNewItem);
    }
    else //存在枚举值，使用select
    {
        oCell = row.insertCell(2);
        var elemID = "input"+rowId;
        var oNewItem = document.createElement("<SELECT ID='"+elemID+"' style='WIDTH: 144px'></SELECT>");
        oCell.insertBefore(oNewItem);
        
        var enumValue;
        var j,index;
        var element = document.getElementById(elemID);
        
        for(j=1;j<enums.length;j++)
        {
            enumValue = enums[j];
            index = enumValue.indexOf("|");
            element.options[element.options.length] = new Option(enumValue.substring(0,index),enumValue.substring(index+1,enumValue.length));
        }
    }
    
    //用于值的数据类型
    var fieldType= document.createElement("<INPUT id='type"+rowId+"'type='hidden'>");
    oCell.insertBefore(fieldType);
    document.getElementById("type"+rowId).value = enums[0];
}

// 删除当前行

function  DelRow(row)
{
    var rowOfIndex = row.rowIndex;
    
    if(tbPanel.rows.length == 1)
    {
        return
    }
    else if (rowOfIndex == tbPanel.rows.length-1)
    {
        //删除最后一行时，保持增加按纽在最后一行

        var cell = tbPanel.rows[rowOfIndex-1].insertCell();
        var addBtnId = "add"+tbPanel.rows[rowOfIndex-1].id;
        newElement = document.createElement("<INPUT ID='"+addBtnId+"' type='Button' class='redButtonCss' value='新增' οnclick='javascript:addRow("+tbPanel.rows[rowOfIndex-1].id+")'>");
        cell.insertBefore(newElement);
    }
    
    tbPanel.deleteRow(rowOfIndex);
}

// 新增行

function  addRow(row)
{
    row.deleteCell(5);
    addTerm(tbPanel.id);
}

// 得到组合条件
function  getCombinTerm()
{
    var lenOfRows = tbPanel.rows.length;
    var i=0;
    var combinTerm = "";
    var field="",opt="",inputValue="",jointMode="",fieldType="";
    
    for(i=0;i<lenOfRows;i++)
    {
        field        = tbPanel.rows[i].cells[0].childNodes[0].value;
        opt            = tbPanel.rows[i].cells[1].childNodes[0].value;
        inputValue    = tbPanel.rows[i].cells[2].childNodes[0].value;
        
        //判断字段类型
        fieldType =tbPanel.rows[i].cells[2].childNodes[1].value;
        switch(fieldType)
        {
            case "char":
                if (inputValue == ""|| inputValue == null)
                {
                    if(opt.toLowerCase() == "like" || opt.toLowerCase() == "not like")
                    {
                        inputValue = "'%%'";
                    }
                    else
                    {
                        inputValue = "''";
                    }
                }
                else
                {
                    if(opt.toLowerCase() == "like" || opt.toLowerCase() == "not like")
                    {
                        inputValue = "'%"+inputValue+"%'"
                    }
                    else
                    {
                        inputValue = "'"+inputValue+"'"
                    }
                    
                }
                break;
            case "int":
                if (inputValue == ""|| inputValue == null) inputValue = 0;
                break;
            case "decimal":
                if (inputValue == ""|| inputValue == null) inputValue = 0;
                break;
            case "datetime":
                if (inputValue == ""|| inputValue == null)
                {
                    inputValue = "''";
                }
                else
                {
                    inputValue = "'"+inputValue+"'"
                }
                break;
            default:
                break;
        }
        
        //拼接条件
        combinTerm += " "+tableName+"."+field + " " + opt + " " + inputValue;
        
        if (i<lenOfRows-1)
        {
            jointMode    = tbPanel.rows[i].cells[3].childNodes[0].value;
            combinTerm += " " + jointMode
        }
    }
    
    document.getElementById("transValue").value = combinTerm;
    //return combinTerm;
}

//
var  oldValue  =   "" ;
var  MONEY_FLAG  =   "" ;
var  THOUSAND_FLAG  =   " , " ;

function  controlNumberKeyPress(textbox)
{
    oldValue = textbox.value.replace(MONEY_FLAG,'');
    
    return //d/.test(String.fromCharCode(event.keyCode))||(textbox.value.indexOf('+')<0?String.fromCharCode(event.keyCode)=="+":false);
}

//
function  controlMoneyKeyPress(textbox)
{
    var val = textbox.value.replace(MONEY_FLAG,'');

    if(isNumber(event.keyCode))
    {
        return true;
    }
    
    if (textbox.value.indexOf('+') < 0)
    {
        if ( String.fromCharCode(event.keyCode)=="+" && val.length < 1)
            return true;
    }

    if ( textbox.value.indexOf('.') < 0)
    {
        if (String.fromCharCode(event.keyCode)==".")
            return true;
    }

    return false;
}

// 控制金额录入keyUp事件
function  controlNumberOnKeyUp(textbox)
{
    //处理"后退"键
    //alert(event.keyCode);
    if (event.keyCode == 8)
    {
        return true;
    }

    if (String.fromCharCode(event.keyCode) != '/t' && event.keyCode != 13)
    {
        if( !//d/.test(String.fromCharCode(event.keyCode)) &&
            event.keyCode != 190/* 如果录入"."则不执行 */ )
        {
            //textbox.value = "";
            textbox.value = oldValue;
            oldValue = textbox.value;
            return false;
        }
    }
    
    return true;
}



// 控制金额录入keyUp事件
function  controlMoneyOnKeyUp(textbox, intBit , dotBit)
{
    //处理"后退"键

    if (event.keyCode == 8)
    {
        if (textbox.value.indexOf(MONEY_FLAG) < 0)
        {
            textbox.value = MONEY_FLAG + textbox.value;
        }
        return true;
    }

    if (String.fromCharCode(event.keyCode) != '/t' && event.keyCode != 13)
    {
        if( ! isNumber (event.keyCode) &&
            event.keyCode != 190/* 如果录入"."则不执行 */ )
        {
            //textbox.value = "";
            textbox.value = MONEY_FLAG + oldValue;
            oldValue = textbox.value.replace(MONEY_FLAG,"");
            return false;
        }

        textbox.value = MONEY_FLAG + textbox.value.replace(MONEY_FLAG,'');

        var val = textbox.value;
        var dotBehind = "";

        
        val = val.replace(MONEY_FLAG,'').replace(//,/g,'');
        var iIndex = val.indexOf('.');
        if (iIndex > 0)
        {
            var valDot = val.substring(val.indexOf('.') + 1,val.length);
            if (iIndex > intBit)
            {
                val = val.substring(0,intBit);
            }
            
            if (valDot.length > dotBit)
            {
                textbox.value = addThousandFlag(val.substring(0,val.indexOf('.'))) + '.' + valDot.substring(0,dotBit);
                return;
            }

            dotBehind = val.substring(val.indexOf('.'),val.length);
            val = val.substring(0,val.indexOf('.'));
        }
        else if (val.length >= intBit)
        {
            if (val.length > intBit)
            {
                val = val.substring(0,intBit);
                val = addThousandFlag(val);
            }
            textbox.value = val + '.';
            return;
        }

        //val = noOtherInfoNumber;
        textbox.value = addThousandFlag(val) + dotBehind;
    }
}


// 添加千分位号
function  addThousandFlag(val)
{
    var strTemp = MONEY_FLAG;
    if (val.length < 4)
    {
        return MONEY_FLAG + val;
    }

    var flag = false;
    if (val.length % 3 != 0)
    {
        strTemp += val.substring(0,(val.length % 3));
    }
    else
        flag = true;

    for(var i = val.length; i > 0; i = i - 1)
    {
        if (i % 3 != 0)
        {
            continue;
        }
        
        if (flag)
        {
            strTemp += val.substring(val.length - i,val.length - i + 3);
            flag = false;
        }
        else
        {
            strTemp += THOUSAND_FLAG + val.substring(val.length - i,val.length - i + 3);
        }
    }

    if (strTemp.indexOf(MONEY_FLAG) > 0)
    {
        strTemp = MONEY_FLAG + strTemp.replace(/￥/g,'');
    }

    return strTemp;
}

// 判断是否是数字

function  isNumber(param)
{
    return //d/.test(String.fromCharCode(param)) ||  (param >= 96 && param <= 105);//加上小键盘处理

}
4.AjaxSeachPage.aspx
<% @ Page language="c#" Codebehind="AjaxSeachPage.aspx.cs" AutoEventWireup="false" Inherits="WebUI.AjaxSearchSystem.AjaxSeachPage"  %>
<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"  >
< HTML >
     < HEAD >
         < title > 查询条件 </ title >
         < meta  content ="Microsoft Visual Studio .NET 7.1"  name ="GENERATOR" >
         < meta  content ="C#"  name ="CODE_LANGUAGE" >
         < meta  content ="JavaScript"  name ="vs_defaultClientScript" >
         < meta  content ="http://schemas.microsoft.com/intellisense/ie5"  name ="vs_targetSchema" >
         < base  target ="_self" >
         < LINK  href ="BasicStyle.css"  type ="text/css"  rel ="stylesheet" >
         < script  language ="javascript"  src ="AjaxSearchClientScript.js" >
         </ script >
         < script  language ="javascript"  src ="Calendar.js" ></ script >
     </ HEAD >
     < body  onload ="javascript:addTerm('tbPanel');"  MS_POSITIONING ="GridLayout" >
         < form  id ="Form1"  method ="post"  runat ="server" >
             < TABLE  id ="Table1"  style ="Z-INDEX: 101; LEFT: 0px; POSITION: absolute; TOP: 0px"  cellSpacing ="0"
                cellPadding ="0"  width ="100%"  border ="0" >
                 < TR >
                     < TD  style ="HEIGHT: 23px"  align ="center" >< asp:button  id ="btnOK"  runat ="server"  CssClass ="redButtonCss"  Text ="确定" ></ asp:button >< INPUT  class ="redButtonCss"  type ="button"  value ="取消"  onclick ="javascript:window.close();" >
                     </ TD >
                 </ TR >
                 < TR >
                     < TD  align ="center" >
                         < TABLE  id ="tbPanel"  cellSpacing ="0"  borderColorDark ="aliceblue"  cellPadding ="0"  border ="1" >
                         </ TABLE >
                     </ TD >
                 </ TR >
                 < TR >
                     < TD  align ="center" ></ TD >
                 </ TR >
             </ TABLE >
             < INPUT  id ="transValue"  style ="Z-INDEX: 102; LEFT: 8px; POSITION: absolute; TOP: 64px"  type ="hidden"
                name ="Hidden1"  runat ="server" >
         </ form >
     </ body >
</ HTML >

AjaxSeachPage.aspx.cs
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Text;

namespace WebUI.AjaxSearchSystem
{
    ///  < summary >
    /// AjaxSeachPage 的摘要说明。
    ///  </ summary >
    public class AjaxSeachPage : System.Web.UI.Page
    {
        protected System.Web.UI.HtmlControls.HtmlInputHidden transValue;
        protected System.Web.UI.WebControls.Button btnOK;
        public const string SEARCH_WHERE_SESSION = "SearchWhere";
    
        private void Page_Load(object sender, System.EventArgs e)
        {
            if (!IsPostBack)
            {
                try
                {
                    //tableName.Value = Request.QueryString["table"].Trim();
                    transValue.Value = "employee";
                }
                catch(NullReferenceException ee)
                {
                    throw new ArgumentOutOfRangeException("table","参数不正确，请传入预先定义的表名");
                }
            

                AjaxPro.Utility.RegisterTypeForAjax(typeof(AjaxSearchMethod));
            
                this.btnOK.Attributes.Add("OnClick","getCombinTerm()");
            }
        }

        #region Web 窗体设计器生成的代码
        override protected void OnInit(EventArgs e)
        {
            //
            // CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
            //
            InitializeComponent();
            base.OnInit(e);
        }
        
        ///  < summary >
        /// 设计器支持所需的方法 - 不要使用代码编辑器修改
        /// 此方法的内容。
        ///  </ summary >
        private void InitializeComponent()
        {    
            this.btnOK.Click += new System.EventHandler(this.btnOK_Click);
            this.Load += new System.EventHandler(this.Page_Load);

        }
        #endregion

        private void btnOK_Click(object sender, System.EventArgs e)
        {
            Session[SEARCH_WHERE_SESSION] = transValue.Value.Trim();

            Response.Write(ClosePage());
        }

        private string ClosePage()
        {
            StringBuilder js = new StringBuilder();
            js.Append(" < script  language =/"JavaScript/" > ");
            js.Append("window.close();");
            js.Append(" </ script > ");
            return js.ToString();
        }
    }
}

运行效果：

下载源码 AjaxGeneralSearch.rar
请大家提出宝贵意见，在此感谢我的同事 命运有自己的梦！提供的帮助！感谢日历控件提供者meizz
seraph5186
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
使用ajax 来填充下拉框并进行组合查询
gulang54321的博客
11-19 283
将java对象转成json对象 String sql ="SELECT product_type_name.product_name\n" +"FROM product_type_name"; List<Map<String, Object>> mysql = DynamicDBUtil.findList("mysql", sql); System.out.println(...
GNE: 4行代码实现新闻类网站通用爬虫
GitChat
01-03 934
GNE（GeneralNewsExtractor）是一个通用新闻网站正文抽取模块，输入一篇新闻网页的 HTML， 输出正文内容、标题、作者、发布时间、正文中的图片地址和正文所在的标签源代码。GNE在提取今日头条、网易新闻、游民星空、 观察者网、凤凰网、腾讯新闻、ReadHub、新浪新闻等数百个中文新闻网站上效果非常出色，几乎能够达到100%的准确率。...
用jQuery中的ajax返回的json数据组合查询和组合查询的分页源码
一个2年工作经验的程序测试员
03-05 131
用jQuery中的ajax返回的json数据组合查询和组合查询的分页源码 1. 思路 在写分页的时候必定要考虑到在组合查询的时候也要分页。组合查询就是把你想要查询的条件获取并传到servelt中去处理，拼接成sql语句。 2．首先获取模糊查询的条件 所使用的html代码为： &lt;div&gt; 姓名：&lt;input type="text" name="name" id...
发布一个原创的基于Ajax的通用(组合)查询(续)
weixin_34128839的博客
10-19 64
3.AjaxSearchClientScript.js vartbPanel=null;//用于展示组合条件的表控件 vartableName=null;//记录查询的表 varfieldsInfo=null;//保存从服务端取得的对应表的字段信息 varno...
asp.net的Ajax学习进阶【月儿原创】
aome1470的博客
06-03 97
asp.net的Ajax学习进阶 作者：清清月儿 主页：http://blog.csdn.net/21aspnet/ 时间：2007.6.3 1.什么是Ajax?2006年忽如一夜春风来，众多涉及到Web开发的站点都在谈Ajax，那么到底什么是Ajax呢？ 其实Ajax并不是一种技术。它实际上是几种已经在各自领域大行其道技术的强强结合。Ajax混合了：* ...
一个合格的中级前端工程师需要掌握的技能笔记（上）
程序员哆啦A梦，蓝胖子
05-29 4042
Github来源：一个合格的中级前端工程师需要掌握的技能 | 求星星 ✨ | 给个❤️关注，❤️点赞，❤️鼓励一下作者大家好，我是魔王哪吒，很高兴认识你~~哪吒人生信条：如果你所学的东西 ...
基于WebGIS的车联网平台的研究与应用
热门推荐
门心叼龙的专栏
01-05 2万+
前言： 本文写于2014年2月，五年弹指一挥间，近期整理发表，本文出自门心叼龙的博客，属于原创类容，侵权必究。转载请注明出处。https://blog.csdn.net/geduo_83/article/details/85855412 1 绪论 3 1.1 课题研究背景及意义 3 1.1.1 课题研究背景 3 1.1.2 基于WebGIS的车联网平台应用介绍 3 1.2 论文的主要研...
一个方便AJAX开发的通用类
01-19
Name: AJAXRequest Author: ...AJAXRequest是一个方便AJAX开发的通用类，可以方便地进行一些AJAX中需要的操作，从而简化开发步骤，减少重复代码编写量。 创建方法： var ajaxobj=new AJAXRequest([url],[callba
javascript 封装的一个通用的Ajax function
01-30
封装的一个通用的Ajax function 可以直接进行调用，需要传入的参数：回调函数，跳转的地址，需要传入的参数，method（get或post），失败后调用的函数 例如： var onerror = function() { alert（"error"）; } var ...
基于jQuery使用Ajax动态执行模糊查询功能
12-10
•必须：需要一个执行查询的接口： 说明： 1.搜索模块仅仅使用了boostrap的样式以及Jquery.js文件 2.因为我使用的layui的弹出层里面做的搜索ifram，所以确定和取消按钮的关闭当前页面的功能都是layui的方式，如果...
一个基于Ajax的通用(组合)查询(ASP.NET)。
06-26
总结来说，基于Ajax的通用(组合)查询在ASP.NET中是一个强大的功能，它结合了Ajax的异步特性与ASP.NET的服务器控件和ORM工具，提供了一种高效且用户体验良好的查询方式。通过熟练掌握这些技术，开发者可以构建出更...
基于AJAX的动态树型结构的设计与实现
02-04
摘要:简要介绍了一种通用的，动态树型结构的实现方案，该方案基于AsynchronousJavaScriptandXML，结合Struts框架设计实现了结构清晰、扩展性良好的多层架构，数据存储于数据库，结合XML描述树的节点信息，使得任何按...
快速入门了解Ajax
音符犹如代码的博客
07-25 871
上面是一个原生的Ajax的一个写法，但是原生的Ajax太繁琐甚至还有浏览器不兼容的问题，所以现在都是基于原生的Ajax的Axios。意义：AJAX（Asynchronous JavaScript and XML）即异步 JavaScript 和 XML。介绍：Axios是简化的Ajax，对传统的Ajax操作的简化和改进，也是一个更强大和便捷的http请求处理的工具。下边是两个来自官网的post的请求和get请求的代码。
JavaScript青少年简明教程：函数及其相关知识（下）
cnds123的专栏
07-26 652
JavaScript青少年简明教程：函数及其相关知识（下）
【分享】前端程序员-技术网站推荐
一位前行者的博客
07-30 440
对于前端开发人员来说，以下是一些推荐的技术网站，这些网站提供了丰富的资源和知识，可以帮助你提升前端开发技能：收集一些 、、 的网站 vite 官方中文文档 element-plus 官方中文文档 pinia 官方中文文档 vue-router 官方中文文档 Tailwind CSS 官方文档 vitest 官方中文文档 es6 中文文档 axios 官方中文文档 vxetable 官方中文文档 lodash 中文文档 echarts 官方中文文档 animat
VUE3自定义指令防止重复点击多次提交
最新发布
MadSnail00的博客
07-30 83
vue3连续点击按钮重复提交，vue3自定义指令防止重复提交
写一个基于Ajax的数据查询界面代码
06-11
好的，下面是一个基于 Ajax 的数据查询界面的示例代码： HTML 代码： ``` <!DOCTYPE html> <title>Ajax 数据查询界面 <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"> $...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值