wowkk
wowkk

09.net网站开发（前端）：6.类淘宝组合搜索效果jQuery+Ajax

上一节讲到jQuery，本来还不能这么快就发jQuery+Ajax的，因为这部分对于新手来说，不是很好理解，但为了配合发我的实习经验，就先贴出来了。新手先有个概念就好，Ajax是为了前端能和后台交互的，它们的关系就像：顾客来到某餐厅，服务员就像前台的一个元素，厨房就像后台的一个元素，你想吃什么和服务员说，服务员就让厨房里的人做出对应的佳肴，然后服务员拿着你想要的东西给你。（菜式名，钱等是传入参数，佳肴是返回数据~）

不扯了~我需要实现一种比较复杂的组合搜索效果。类似：

09.net网站开发（前端）：6.类淘宝组合搜索效果jQuery+Ajax_第1张图片

前端会记录所要搜索的关键词，每次新增一个条件，就请求后台一次返回符合要求的数据，同样，没删除一个条件，也会重新返回对应数据。

下面是我做的一个还有很多Bug的Demo，原本我想在后台保存结果数据，用了全局static变量来保存。

后来还是测试不出正确结果，觉得还是将数据在前端保存就好吧，然后每次都让后台根据前端的数据来返回新的数据。

前台：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ajaxJquery.aspx.cs" Inherits="EMS.WEB.Enterprise.ajaxJquery" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="js/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            var tabIds = new Array();
            //下拉框选项改变时，列表选项判断后添加。Label1（相当图表）更新。
            $("#mySelect").change(function () {
                var selectId = $("#mySelect").val();
                var selectText = $("#mySelect option:selected").text();
                var isSecond = false;
                for (var i = 0; i < tabIds.length; i++) {
                    if (tabIds[i] == selectId) {
                        isSecond = true;
                        return;
                    }
                }
                if (!isSecond) {
                    tabIds.push(selectId);
                    $("#myUi").append("<li " + "id='" + selectId + "'" + ">" + selectText + "</li>");
                    $.ajax({
                        type: "get",
                        url: "ajaxJquery.aspx",
                        data: "id=" + selectId + "&" + "show=1",
                        async: false,
                        contentType: "application/json;charset=utf-8",
                        dataType: "json",
                        success: function (msg) {
                            $("#Label1").text("");
                            $.each(msg, function () {
                                $("#Label1").text($("#Label1").text() + "+" + this.data);
                            });

                        }
                    });
                }

            });
            //点击列表选项时，删除该选项，Label1（相当图表）更新。
            $("#myUi li").live("click", function () {
                var selectId = $(this).attr("id");
                $(this).remove();
                $.ajax({
                    type: "get",
                    url: "ajaxJquery.aspx",
                    dataType: "json",
                    async: false,
                    data: "id=" + selectId + "&" + "show=0",
                    success: function (msg) {
                        $("#Label1").text("");
                        $.each(msg, function () {
                            $("#Label1").text($("#Label1").text() + "+" + this.data);
                            for (var i = 0; i < tabIds.length; i++) {
                                if (tabIds[i] == selectId) {
                                    tabIds.splice(i, 1);
                                    return;
                                }
                            }
                        });
                    }
                })
            })

        });
    </script>
    <style type="text/css">
        #myUi li
        {
            background-color: Aqua;
            margin-left: 4px;
            float: left;
            width: 70px;
            list-style: none;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <select id="mySelect" runat="server">
        </select>
    </div>
    <div id="myTab">
        <ul id="myUi">
        </ul>
    </div>
    <div style="clear: left;">
    </div>
    <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
    <div id="ddiv" runat="server">
    </div>
    </form>
</body>
</html>

 

后台：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.Services;
using System.Web.Script.Serialization;
using System.Text;

namespace EMS.WEB.Enterprise
{
    [Serializable]//序列话后才能用系统类转换为json
    public class Data
    {
        public int index;
        public string data;
        public Data(int i, string d)
        {
            index = i;
            data = d;
        }
    }
    public partial class ajaxJquery : System.Web.UI.Page
    {


        static List<Data> data= new List<Data>();//用来装 选择过的选项 的索引号及数据
        public List<Data> ShowData(int id)
        {
            data.Add(new Data(id, "图：" + id));
            return data;
        }

        public List<Data> RemoveData(int id)
        {
            for (int i = 0; i < data.Count; i++)
            {
                if (data[i].index == id)
                {
                    data.Remove(data[i]);
                    break;
                }
            }
            return data;
        }

        protected void Page_Load(object sender, EventArgs e)
        {

            if (!IsPostBack && Request.Params["id"] == null)
            {
                #region 初始化数据
                for (int i = 0; i < s.Length; i++)
                {
                    mySelect.Items.Add(new ListItem(s[i], i.ToString()));
                }
                #endregion
                return;
            }
            if (Request.Params["id"] != null)
            {
                int id = int.Parse(Request.Params["id"]);
                JavaScriptSerializer json = new JavaScriptSerializer();
                if (Request.Params["show"] == "1")
                {

                    ShowData(id);

                }
                else if (Request.Params["show"] == "0")
                {
                    RemoveData(id);
                }
                Response.Write(json.Serialize(data));
                Response.End();
            }
        }
    }
}


 

你可能感兴趣的:(jquery,Ajax)

  • 移动端城市区县二级联动选择功能实现包 good2know
    本文还有配套的精品资源，点击获取简介：本项目是一套为移动端设计的jQuery实现方案，用于简化用户在选择城市和区县时的流程。它包括所有必需文件：HTML、JavaScript、CSS及图片资源。通过动态更新下拉菜单选项，实现城市到区县的联动效果，支持数据异步加载。开发者可以轻松集成此功能到移动网站或应用，并可基于需求进行扩展和优化。1.jQuery移动端解决方案概述jQuery技术简介jQuery
  • 震惊！DOM变化监控神器MutationObserver，前端开发必知的隐藏武器！ coding随想 JavaScript前端javascripthtml5
    一、什么是MutationObserver？如果你是一个前端开发者，一定会遇到这样的场景：页面动态加载内容后，某些操作失效了。比如，你写了一个监听按钮点击的代码，但按钮是通过AJAX动态加载的，你的代码根本无法触发。这个时候，你就需要一个“监控哨兵”——MutationObserver，它能实时监听DOM树的变化，帮你捕获那些“暗中作祟”的节点变动。MutationObserver是HTML5引入
  • JAVA HTTP大文件分片断点续传 weixin_52041354 java大文件上传java大文件秒传java大文件上传下载java文件传输解决方案jsp大文件上传java断点续传jsp加密传输
    要求：开源，免费，技术支持技术：分片,分块,断点续传,加密传输,加密存储需求：大文件上传，批量上传，断点续传，文件夹上传，大文件下载，批量下载，断点下载，文件夹下载文件夹：上传下载需要支持层级结构，采用非压缩方式文件大小：100G前端：vue2,vue3,vue-cli,jquery,html,webuploader后端：java,JSP,springboot,struts服务器：linux,信创
  • PHP+Ajax幸运大转盘抽奖源码 素材火_29a5
    中国风水墨画背景PHP+Ajax幸运大转盘抽奖源码，通过奖品库存、中奖次数来计算中奖概率。恭喜你，中得五等奖，还要再来一次活动抽奖代码抽奖规则1、由于系统延迟如未获得抽奖机会请耐心等待2、中奖结果以系统弹出的对话框信息为准3、下单时间支付时间以京东充值系统时间为准4、活动当后一天建议23点30分前参与抽奖避免因充值成功而抽奖活动已结束无法参加活动。本文转自http://www.sucaihuo.c
  • jQuery：浅谈setInterval()方法 Dy大叔 前端开发记录jquery前端javascript
    定义和用法：setInterval()方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval()方法会不停地调用函数，直到clearInterval()被调用或窗口被关闭。由setInterval()返回的ID值可用作clearInterval()方法的参数。vartime=0；用法1：functionjump(){…………//函数内容}time=setInterval("
  • HTML5：中如何触发按钮点击事件 Dy大叔 前端开发记录HTML5html
    在HTML5中，可以通过多种方式触发按钮点击事件，包括使用JavaScript原生方法、使用jQuery库和使用HTML表单和提交按钮，根据项目需求和技术栈选择合适的方法来实现按钮点击事件的触发。使用JavaScript原生方法在HTML5中，可以使用JavaScript的addEventListener方法为按钮添加点击事件，需要在HTML文件中创建一个按钮元素，并为其设置一个唯一的ID，在Ja
  • Jsoup爬虫工具实现背景图片爬取 无脑程序猿 jsoup网络爬虫背景图片下载Jsoup-jar
    Jsoup爬虫工具实现背景图片爬取soup是一款Java的HTML解析器，可直接解析某个URL地址、HTML文本内容。它提供了一套非常省力的API，可通过DOM，CSS以及类似于jQuery的操作方法来取出和操作数据。复制代码之前准备工作首先要将需要的jar包复制到WEB-INF>>lib下面需要下载的Jsoup.jar包以及其使用的具体操作文档下载地址[点击下载]代码块亲测：1366x768大小
  • 前端Web基础（ JS ，Ajax） 我想找工作 前端javascript开发语言
    Javascript（核心语法）什么是JavascriptJavascript是一门跨平台，面向对象的脚本语言，用于控制网页行为，实现交互效果。组成：ECMAScript：固定了JS的基础语法核心知识，包括变量。数据类型，控制流程，函数，对象等。BOM：浏览器对象模型。用于操作浏览器本身，如页面弹窗，地址栏操作，关闭窗口。DOM：文档对象模型，用于操作HTM文档，如改变标签内容，改变标签内字体样式
  • ASP与Ajax结合实现无刷新登录系统
    本文还有配套的精品资源，点击获取简介：ASP是一种服务器端脚本技术，用于创建动态网页和处理表单等，而Ajax则是一种在不刷新页面的情况下异步更新网页内容的技术。结合ASP和Ajax可以实现无刷新登录功能，提高用户登录的交互性和响应速度。本技术方案介绍了无刷新登录的设计思路和实现步骤，从前端设计到服务器端处理以及安全性增强措施，确保了登录过程的流畅性和安全性。1.ASP服务器端脚本技术ASP（Act
  • AJAX与ASP.NET Web方法的实践与原理 t0_54coder 编程问题解决手册前端ajaxasp.net个人开发
    在现代Web开发中，AJAX（AsynchronousJavaScriptandXML）是提升用户体验的关键技术之一，尤其在需要与服务器交互而不刷新整个页面的情况下。今天，我们将探讨如何在ASP.NET中使用AJAX结合Web方法（WebMethod）来实现这一目的，并深入分析其中的原理。实例背景假设我们有一个简单的温度转换器，需要将华氏温度转换为摄氏温度，我们希望这个转换过程是即时的，不需要用户
  • 4、ASP.NET MVC与jQuery开发指南 corn8 探索.NETASP.NETMVCjQuery路由
    ASP.NETMVC与jQuery开发指南1.路由与数据库访问在ASP.NETMVC中，MapRoute的第三个参数用于定义URL各部分的默认值，这使得我们可以省略部分或全部URL部分。若省略控制器，默认使用Home控制器；若省略动作，默认使用Index动作；id参数为可选，允许使用无参数的动作方法。大多数业务线（LOB）应用程序需要与持久化数据存储（如MicrosoftSQLServer）中的数
  • AJAX 与 ASP 的深入探讨 froginwe11 开发语言
    AJAX与ASP的深入探讨引言随着互联网技术的飞速发展，Web应用程序已经成为人们日常生活和工作中不可或缺的一部分。在众多技术中，AJAX（AsynchronousJavaScriptandXML）和ASP（ActiveServerPages）是两种非常流行的技术。本文将深入探讨AJAX和ASP的基本原理、应用场景以及它们之间的相互关系。AJAX基础什么是AJAX？AJAX是一种基于JavaScr
  • 响应式Banner轮播布局的实现代码包 规则哥讲规则
    本文还有配套的精品资源，点击获取简介：响应式Banner图片轮播布局是网站吸引注意力的关键元素，能够适配多种设备。本压缩包包含了HTML、CSS和JavaScript（包括jQuery）完整代码，用于创建动态的轮播效果。通过HTML定义结构、CSS实现响应式布局和样式，以及JavaScript和jQuery完成交互和动画，最终实现了包括自动播放、图片切换和平滑过渡等轮播功能。这些代码为开发者提供了
  • java计算机毕业设计基于Ssm学生信息管理系统源程序+mysql+系统+lw文档+远程调试 岗子科技 mysqljava数据库
    java计算机毕业设计基于Ssm学生信息管理系统源程序+mysql+系统+lw文档+远程调试java计算机毕业设计基于Ssm学生信息管理系统源程序+mysql+系统+lw文档+远程调试本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：My
  • 使用Velocity.js使您的网站具有互动性和乐趣（无需jQuery） dingshi7798 javascriptuijavaViewUI
    我要特别感谢JamesHibbard和Velocity背后的开发人员对本文的审阅。还要感谢多年来为Velocity做出贡献并做出贡献的用户和开发人员。在本文中，我介绍了Velocity.js，这是朱利安·夏皮罗（JulianShapiro）提供的快速而强大的JavaScript动画引擎。在进行所有演示时，您将可以使用Velocity.js创建自己的动画并使网站更具交互性和用户友好性。所有这些都无需
  • velocity.js_使用Velocity.js使您的网站具有互动性和乐趣（无需jQuery） dingshi7798 pythonjavajavascriptjs人工智能ViewUI
    velocity.js我要特别感谢JamesHibbard和Velocity背后的开发人员对本文的审阅。还要感谢多年来为Velocity做出贡献并做出贡献的用户和开发人员。在本文中，我介绍了Velocity.js，这是朱利安·夏皮罗（JulianShapiro）提供的快速而强大JavaScript动画引擎。在进行所有演示时，您将可以使用Velocity.js创建自己的动画并使网站更具交互性和用户友
  • 【JQ】使用jq实现弹窗功能，弹窗加载外部页面内容 下页、再停留 前端技术前端javascript
    目录一、需求：二、效果图三、实现代码前端：jquery：四、完整资源一、需求：使用原始jq，不借助插件、框架，实现弹窗，并且弹窗内容是外部页面，类似于layer.open的弹窗功能。二、效果图点击左上角“点击”按钮，弹出一个页面窗口。三、实现代码前端：.jq-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);b
  • 前端11Jquery用ajax获取数据赋值给页面 syw99163 前端2021node.jsjqueryjavascriptcssvue.js
    前端11Jquery用ajax获取数据赋值给页面https://www.w3school.com.cn/jquery/jquery_ref_dom_element_methods.aspjQuery参考手册-DOM元素方法【jQuery】使用getJSON()方法异步加载JSON格式数据使用getJSON()方法可以通过Ajax异步请求的方式，获取服务器中的数组，并对获取的数据进行解析，显示在页面
  • 前端知识之jQuery 意大利面拌42号混凝土 python前端jqueryjavascript
    jQuery文章目录jQuery一、什么是jQuery二、jQuery的优势三、jQuery的内容四、jQuery的版本五、jQuery的两种导入方式六、jQuery语法七.jQuery对象与标签对象之间的转换九、查找标签1、基本选择器2、组合选择器/分组嵌套3、基本筛选器4、属性选择器5、表单筛选器6、筛选器方法7、总结十、操作标签1、CSS类操作2、CSS样式操作3、位置操作4、尺寸5、文本操
  • JavaScript $.ajax() 最新用法详解
    一、基础语法与核心参数$.ajax({url:"https://api.example.com/data",method:"GET",//推荐使用method替代typedata:{key:"value"},dataType:"json",headers:{"Authorization":"Bearertoken"},success:function(response){},error:funct
  • JavaScript AJAX 实现，演示如何将 Token 添加到 Authorization CATTLECODE javascriptajaxokhttp
    以下是一个完整的原生JavaScriptAJAX实现，演示如何将Token添加到Authorization头部的示例：基础实现html复制代码AJAXToken示例//获取当前用户的Token（实际应用中从安全存储获取）functiongetAuthToken(){//实际项目中应从localStorage/cookie获取return"eyJhbGciOiJIUzI1NiIsInR5cCI6Ik
  • Vue.js与Ajax实现数据动态交互及双向绑定项目指南 溪水边小屋
    本文还有配套的精品资源，点击获取简介：Vue.js结合Ajax技术可以创建动态交互的Web应用程序。本项目指南介绍了如何在Vue.js框架下使用Ajax下载和上传后台数据，并通过双向数据绑定实时更新页面内容。项目中演示了Vue组件数据绑定、axios的集成与使用，以及如何处理用户交互、服务器响应和文件操作。通过这一过程，用户能够构建一个高效、直观的用户体验良好的单页应用程序。1.Vue.js框架简
  • 前端：一篇彻底搞懂Ajax,Promise,JQuery Ajax,Axios的差异(区别) Freedom3568 大前端ajax前端jqueryaxiospromise
    文章目录一.AJAX原理1.ajax有那些优缺点?二.Promise封装Ajaxpromise封装实现三.JQueryAjax1.优缺点：四.Axios1.优缺点：五.Fetch1.优缺点：补充：为什么要用axios?一.AJAX原理Ajax的原理简单来说是在用户和服务器之间加了—个中间层(AJAX引擎)，通过XmlHttpRequest对象来向服务器发异步请求，从服务器获得数据，然后用javas
  • AJAX Promise axios基本概念和用法 hsm666_ javascriptajax
    引言JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。这是因为JavaScript这门脚本语言诞生的使命所致——JavaScript是为处理页面中用户的交互，以及操作DOM而诞生的。比如我们对某个DOM元素进行添加和删除操作，不能同时进行。应该先进行添加，之后再删除。单线程就意味着，所有任务需要排队，前一个任务结束，才会执行后一个任务。这样所导致的问题是：如果JS执行
  • React工程师必看：jQuery+Thymeleaf全栈开发指南 bemyrunningdog themeleafjavascript
    以下是为React工程师整理的jQuery+Thymeleaf全栈开发笔记，融合核心语法、项目实践与避坑指南，保留原有框架并深化关键细节，引用最新技术资料（2024-2025年）：一、jQuery核心设计哲学vsReact维度jQueryReact融合建议DOM操作直接操作真实DOM虚拟DOM间接更新避免在React组件中混用jQuery操作DOM数据驱动手动同步数据与UI状态/Props驱动自动
  • Ajax 使用案例 菜鸟小窝 Web前端Ajax
    参数为form表单httpService.get=function(url,data,successFunc){data.page=null;return$.ajax({type:"GET",url:url,data:data,success:function(data){successFunc(data);$scope.$apply()},error:function(data){success
  • jQuery攻略pdf weixin_30725315 javascriptjavac/c++ViewUI
    下载地址：网盘下载内容简介······jQuery是目前应用最广泛的JavaScript框架之一，已经成为微软ASP.NET、VisualStudio和诺基亚WebRunTime等主流开发平台的重要组成部分。借助jQuery的魔力，数十行JavaScript代码可以被神奇地压缩成区区几行，诸多Web开发人员就是在那一瞬间深深迷恋上了这个方便快捷、功能完备的利器。本书从实际应用角度出发，介绍了使用j
  • css3地球转动模型（动态数据）
    参考资源：https://www.jq22.com/jquery-info24302{{!item.permission?'暂无权限':''}}{{item.name}}exportdefault{data(){return{list:[{id:"81e5f51d6ab845fca406bdc8b0c50e34",homeUrl:"/workbenches",name:'交易管理后台',img:'
  • jQuery封装轮播图插件 I_am_the_ZL
    这是我自己封装的第一个插件，感觉挺好的，嘿嘿~~~先说使用方法把！swiper("banner2")传入轮播盒子的class名就可以了使用页面的基本结构这个盒子你可以无限遍历支持width：100%;js文件：functionswiper(names){varidxs=0;vartimer=null;varobj=$("."+names);obj.parent().css({"overflow":
  • jQuery.jsonview.js 简单用法 聂曦r
    Title测试结果：切换展开折叠$.get('/protocol/plugin/test/',{},function(r){if(r.code==200){$("#test_result").JSONView(r.ret,{collapsed:true,nl2br:true,recursive_collapser:true});$('#collapse-btn').on('click',funct
  • java解析APK 3213213333332132 javaapklinux解析APK
    解析apk有两种方法 1、结合安卓提供apktool工具，用java执行cmd解析命令获取apk信息 2、利用相关jar包里的集成方法解析apk 这里只给出第二种方法，因为第一种方法在linux服务器下会出现不在控制范围之内的结果。 public class ApkUtil { /** * 日志对象 */ private static Logger
  • nginx自定义ip访问N种方法 ronin47 nginx 禁止ip访问
    　　　因业务需要，禁止一部分内网访问接口，　由于前端架了F5，直接用deny或allow是不行的，这是因为直接获取的前端Ｆ５的地址。 　　　所以开始思考有哪些主案可以实现这样的需求，目前可实施的是三种： 　　　一：把ip段放在redis里，写一段lua           二：利用geo传递变量，写一段
  • mysql timestamp类型字段的CURRENT_TIMESTAMP与ON UPDATE CURRENT_TIMESTAMP属性 dcj3sjt126com mysql
    timestamp有两个属性，分别是CURRENT_TIMESTAMP 和ON UPDATE CURRENT_TIMESTAMP两种，使用情况分别如下：   1.   CURRENT_TIMESTAMP    当要向数据库执行insert操作时，如果有个timestamp字段属性设为   CURRENT_TIMESTAMP，则无论这
  • struts2+spring+hibernate分页显示 171815164 Hibernate
    分页显示一直是web开发中一大烦琐的难题，传统的网页设计只在一个JSP或者ASP页面中书写所有关于数据库操作的代码，那样做分页可能简单一点，但当把网站分层开发后，分页就比较困难了，下面是我做Spring+Hibernate+Struts2项目时设计的分页代码，与大家分享交流。 　　1、DAO层接口的设计，在MemberDao接口中定义了如下两个方法： public in
  • 构建自己的Wrapper应用 g21121 rap
            我们已经了解Wrapper的目录结构，下面可是正式利用Wrapper来包装我们自己的应用，这里假设Wrapper的安装目录为:/usr/local/wrapper。           首先，创建项目应用   &nb
  • [简单]工作记录_多线程相关 53873039oycg 多线程
         最近遇到多线程的问题,原来使用异步请求多个接口(n*3次请求)     方案一 使用多线程一次返回数据,最开始是使用5个线程,一个线程顺序请求3个接口,超时终止返回     缺点       测试发现必须3个接
  • 调试jdk中的源码，查看jdk局部变量 程序员是怎么炼成的 jdk 源码
    转自：http://www.douban.com/note/211369821/    学习jdk源码时使用--   学习java最好的办法就是看jdk源代码，面对浩瀚的jdk（光源码就有40M多，比一个大型网站的源码都多）从何入手呢，要是能单步调试跟进到jdk源码里并且能查看其中的局部变量最好了。 可惜的是sun提供的jdk并不能查看运行中的局部变量
  • Oracle RAC Failover 详解 aijuans oracle
    Oracle RAC 同时具备HA(High Availiablity) 和LB(LoadBalance). 而其高可用性的基础就是Failover(故障转移). 它指集群中任何一个节点的故障都不会影响用户的使用，连接到故障节点的用户会被自动转移到健康节点，从用户感受而言， 是感觉不到这种切换。 Oracle 10g RAC 的Failover 可以分为3种： 1. Client-Si
  • form表单提交数据编码方式及tomcat的接受编码方式 antonyup_2006 JavaScripttomcat浏览器互联网servlet
    原帖地址：http://www.iteye.com/topic/266705 form有2中方法把数据提交给服务器，get和post,分别说下吧。 （一）get提交 1.首先说下客户端（浏览器）的form表单用get方法是如何将数据编码后提交给服务器端的吧。    对于get方法来说，都是把数据串联在请求的url后面作为参数，如：http://localhost:
  • JS初学者必知的基础 百合不是茶 js函数js入门基础
    JavaScript是网页的交互语言,实现网页的各种效果, JavaScript 是世界上最流行的脚本语言。 JavaScript 是属于 web 的语言，它适用于 PC、笔记本电脑、平板电脑和移动电话。 JavaScript 被设计为向 HTML 页面增加交互性。 许多 HTML 开发者都不是程序员，但是 JavaScript 却拥有非常简单的语法。几乎每个人都有能力将小的
  • iBatis的分页分析与详解 bijian1013 javaibatis
            分页是操作数据库型系统常遇到的问题。分页实现方法很多，但效率的差异就很大了。iBatis是通过什么方式来实现这个分页的了。查看它的实现部分，发现返回的PaginatedList实际上是个接口，实现这个接口的是PaginatedDataList类的对象，查看PaginatedDataList类发现，每次翻页的时候最
  • 精通Oracle10编程SQL(15)使用对象类型 bijian1013 oracle数据库plsql
    /* *使用对象类型 */ --建立和使用简单对象类型 --对象类型包括对象类型规范和对象类型体两部分。 --建立和使用不包含任何方法的对象类型 CREATE OR REPLACE TYPE person_typ1 as OBJECT( name varchar2(10),gender varchar2(4),birthdate date ); drop type p
  • 【Linux命令二】文本处理命令awk bit1129 linux命令
    awk是Linux用来进行文本处理的命令，在日常工作中，广泛应用于日志分析。awk是一门解释型编程语言，包含变量，数组，循环控制结构，条件控制结构等。它的语法采用类C语言的语法。   awk命令用来做什么？ 1.awk适用于具有一定结构的文本行，对其中的列进行提取信息 2.awk可以把当前正在处理的文本行提交给Linux的其它命令处理，然后把直接结构返回给awk 3.awk实际工
  • JAVA(ssh2框架)+Flex实现权限控制方案分析 白糖_ java
      目前项目使用的是Struts2+Hibernate+Spring的架构模式，目前已经有一套针对SSH2的权限系统，运行良好。但是项目有了新需求：在目前系统的基础上使用Flex逐步取代JSP，在取代JSP过程中可能存在Flex与JSP并存的情况，所以权限系统需要进行修改。 【SSH2权限系统的实现机制】 权限控制分为页面和后台两块：不同类型用户的帐号分配的访问权限是不同的，用户使
  • angular.forEach boyitech AngularJSAngularJS APIangular.forEach
    angular.forEach 描述: 循环对obj对象的每个元素调用iterator, obj对象可以是一个Object或一个Array. Iterator函数调用方法: iterator(value, key, obj), 其中obj是被迭代对象，key是obj的property key或者是数组的index，value就是相应的值啦. (此函数不能够迭代继承的属性.)
  • java-谷歌面试题-给定一个排序数组，如何构造一个二叉排序树 bylijinnan 二叉排序树
    import java.util.LinkedList; public class CreateBSTfromSortedArray { /** * 题目:给定一个排序数组，如何构造一个二叉排序树 * 递归 */ public static void main(String[] args) { int[] data = { 1, 2, 3, 4,
  • action执行2次 Chen.H JavaScriptjspXHTMLcssWebwork
    xwork 写道 <action name="userTypeAction" class="com.ekangcount.website.system.view.action.UserTypeAction"> <result name="ssss" type="dispatcher">
  • [时空与能量]逆转时空需要消耗大量能源 comsci 能源
            无论如何,人类始终都想摆脱时间和空间的限制....但是受到质量与能量关系的限制,我们人类在目前和今后很长一段时间内,都无法获得大量廉价的能源来进行时空跨越.....         在进行时空穿梭的实验中,消耗超大规模的能源是必然
  • oracle的正则表达式(regular expression)详细介绍 daizj oracle正则表达式
        正则表达式是很多编程语言中都有的。可惜oracle8i、oracle9i中一直迟迟不肯加入，好在oracle10g中终于增加了期盼已久的正则表达式功能。你可以在oracle10g中使用正则表达式肆意地匹配你想匹配的任何字符串了。 正则表达式中常用到的元数据(metacharacter)如下： ^ 匹配字符串的开头位置。 $ 匹配支付传的结尾位置。 *
  • 报表工具与报表性能的关系 datamachine 报表工具birt报表性能润乾报表
    在选择报表工具时，性能一直是用户关心的指标，但是，报表工具的性能和整个报表系统的性能有多大关系呢？ 要回答这个问题，首先要分析一下报表的处理过程包含哪些环节，哪些环节容易出现性能瓶颈，如何优化这些环节。   一、报表处理的一般过程分析 1、用户选择报表输入参数后，报表引擎会根据报表模板和输入参数来解析报表，并将数据计算和读取请求以SQL的方式发送给数据库。   2、
  • 初一上学期难记忆单词背诵第一课 dcj3sjt126com wordenglish
    what 什么  your 你 name 名字 my 我的 am 是 one 一 two 二 three 三 four 四 five 五 class 班级，课   six 六 seven 七 eight 八 nince 九 ten 十 zero 零 how 怎样 old 老的 eleven 十一 twelve 十二 thirteen
  • 我学过和准备学的各种技术 dcj3sjt126com 技术
    语言VB https://msdn.microsoft.com/zh-cn/library/2x7h1hfk.aspxJava http://docs.oracle.com/javase/8/C# https://msdn.microsoft.com/library/vstudioPHP http://php.net/manual/en/Html 
  • struts2中token防止重复提交表单 蕃薯耀 重复提交表单struts2中token
    struts2中token防止重复提交表单   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年7月12日 11:52:32 星期日 ht
  • 线性查找二维数组 hao3100590 二维数组
    1.算法描述 有序（行有序，列有序，且每行从左至右递增，列从上至下递增）二维数组查找，要求复杂度O(n)   2.使用到的相关知识： 结构体定义和使用，二维数组传递（http://blog.csdn.net/yzhhmhm/article/details/2045816）   3.使用数组名传递 这个的不便之处很明显，一旦确定就是不能设置列值 //使
  • spring security 3中推荐使用BCrypt算法加密密码 jackyrong Spring Security
    spring security 3中推荐使用BCrypt算法加密密码了，以前使用的是md5， Md5PasswordEncoder 和 ShaPasswordEncoder，现在不推荐了，推荐用bcrpt Bcrpt中的salt可以是随机的，比如： int i = 0; while (i < 10) { String password = "1234
  • 学习编程并不难,做到以下几点即可! lampcy javahtml编程语言
    不论你是想自己设计游戏，还是开发iPhone或安卓手机上的应用，还是仅仅为了娱乐，学习编程语言都是一条必经之路。编程语言种类繁多，用途各 异，然而一旦掌握其中之一，其他的也就迎刃而解。作为初学者，你可能要先从Java或HTML开始学，一旦掌握了一门编程语言，你就发挥无穷的想象，开发 各种神奇的软件啦。 1、确定目标 学习编程语言既充满乐趣，又充满挑战。有些花费多年时间学习一门编程语言的大学生到
  • 架构师之mysql----------------用group+inner join,left join ,right join 查重复数据（替代in) nannan408 right join
    1.前言。   如题。 2.代码 (1)单表查重复数据,根据a分组   SELECT m.a,m.b, INNER JOIN （select a,b,COUNT(*) AS rank FROM test.`A` A GROUP BY a HAVING rank>1 )k ON m.a=k.a （2）多表查询 ， 使用改为le
  • jQuery选择器小结 VS 节点查找（附css的一些东西） Everyday都不同 jquerycssname选择器追加元素查找节点
    最近做前端页面，频繁用到一些jQuery的选择器，所以特意来总结一下：   测试页面： <html> <head> <script src="jquery-1.7.2.min.js"></script> <script> /*$(function() { $(documen
  • 关于EXT tntxia ext
      ExtJS是一个很不错的Ajax框架，可以用来开发带有华丽外观的富客户端应用，使得我们的b/s应用更加具有活力及生命力。ExtJS是一个用 javascript编写，与后台技术无关的前端ajax框架。因此，可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。       ExtJs最开始基于YUI技术，由开发人员Jack
  • 一个MIT计算机博士对数学的思考 xjnine Math
     在过去的一年中，我一直在数学的海洋中游荡，research进展不多，对于数学世界的阅历算是有了一些长进。为什么要深入数学的世界？作为计算机的学生，我没有任何企图要成为一个数学家。我学习数学的目的，是要想爬上巨人的肩膀，希望站在更高的高度，能把我自己研究的东西看得更深广一些。说起来，我在刚来这个学校的时候，并没有预料到我将会有一个深入数学的旅程。我的导师最初希望我去做的题目，是对appe
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他