ajax查询数据为什么提交按钮没用普通按钮才有用

2024-08-18

Button按钮为什么无缘无故会提交form表单？

我的form表单里有好几个Button按钮,每个按钮有不同的功能,可是这些按钮居然都有提交功能,真是把我惊呆了 <button class="btn btn-info " onclick="do_collection()" title="非Guest用户可收藏">收藏</button> 这个问题困惑了我好几天一直百思不得其解,然后我就去查了一下button按钮的属性,才发现原来是因为我没有指定Button按钮的type属性

ajax查询数据的举例

1.根据下拉框的值异步查询信息 HTML代码如下: <script> $(function(){ //页面载入时执行 $("#key").change(function(){ //当下拉框中值发生变化时执行 var cc1 = $('#key').val(); //得到下拉菜单的选中项的value值 ){ //如果下拉框中内容不为空 //发送记录id和sid 两个参数到getweb.asp,math.random()避免缓存 $.get("10-6.php&quo

8.ajax查询数据

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <link href="../../../CSS/boo

ajax查询数据返回结果不变

在使用流水号的时候,Google浏览器没有问题,但是IE有缓存,如果ajax请求的参数没有变化,那么就会返回缓存里的数据解决方法:ajax请求的时候传值的参数设置一个时间戳就OK了(没什么特别意义,每次参数不同,就不会使用缓存里的结果) 例如: function systemCode(){ var timestamp=new Date().getTime() $.getJSON("getSysCode",{"time":timestamp}, function(d

jquery通过ajax查询数据动态添加到select

function addSelectData() { //select的id为selectId //清空select中的数据 $("#selectId").empty(); $.ajax({ url:'请求地址', type:"post/get", success:function(data){ var list = data.data; if(list && list.length != 0){ for(var i=0; i<list.len

查询数据过多页面反应慢引入缓存解决方案（Redis、H2）

问题:原系统查询接口不支持分页也不可能加入分页支持,导致Ajax查询数据过多,返回数据达到2W多条记录时响应已经极慢,查询功能不要求数据实时性,页面反应速度极慢.体验不好:经排查是由于数据量过大导致写回页面的时候慢,实现是直接Servlet输出流写到页面上(output.write(buffer, 0, b)): 需求变更:加快页面相应速度,页面要有分页功能,可以改变原接口在这种情况下有两种解决方案: 1.前端js分页

ASP.NET 前端Ajax获取数据并刷新

控制器中↓ /// <summary> /// 根据ID来进行展示数据 /// </summary> /// <param name="instru_id"></param> /// <returns></returns> public ActionResult About(int instru_id) { ViewBag.Message = "Your application description p

5月17 利用AJAX查询数据库

利用AJAX查询数据 <!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> <meta http-equiv=&qu

2016 系统设计第一期（档案一）jQuery ajax serialize()方法form提交数据

jQuery ajax serialize()方法form提交数据,有个很奇怪的问题,好像不能取到隐藏控件的值. //点击提交按钮保存数据 $('#btn_submitUser').click(function () { var UserId = $('#UserId').val(); if (UserId == "") { $.ajax({ type: "POST", url: '/Users/Create/', data: $("#SaveUserFo

通过ajax GET方式查询数据，Django序列化objects

点击“查找2”按钮,通过ajax GET方式进行查询数据,这样页面不需要整体刷新,之后清空tbody数据,将查询结果重新附加到tbody 前端html: <div class="box-header"> <i class="icon-table"></i> <h5 id="resultcount"> 设备 (共计{{counts}}) </h5> <input style=&quo

ajax的表单提交，与传送数据

ajax的表单提交 $.ajax ({ url: "<%=basePath%>resource/addPortDetectOne.action", dataType: "json", method : 'post', data: $("#form_portDetect").serialize(), //传送表单数据 success : function(data_) { //alert(data_); ale

Atitit.列表页面and条件查询的实现最佳实践(1)------设置查询条件and提交查询and返回json数据

Atitit.列表页面and条件查询的实现最佳实践(1)------设置查询条件and提交查询and返回json数据 1. 1. 配置条件字段@Conditional 1 1 2. 2. 配置条件字段显示类型为range----@Conditional(displayType = displayType.rang, rangStart = rang.start, rangEnd = rang.end,op=op.range) 1 3. #----show condition page li

Android开发 ---基本UI组件5：监听下拉选项，动态绑定下拉选项、全选/反选，取多选按钮的值，长按事件，长按删除，适配器的使用，提示查询数据，activity控制多按钮

效果图: 效果描述: 1.当点击 1 按钮后,进入选择城市的页面,会监听到你选中的城市名称:动态为Spinner绑定数据 2.当点击 2 按钮后,进入自动查询数据页面,只要输入首字母,就会动态查找以该字母为首字母的单词 3.当点击 3 按钮后,进入一个列表中,会监听到你点击的列表:会监听你长按的列表:会全选/反选复选框:能获取选中的数据 4.当点击 4 按钮后,进入一个列表中,这里会设置每一列的数据 1.activity_main.xml 描述: 定义了四个按钮第一个:下拉列表第二个:自动查

vue使用element Transfer 穿梭框实现ajax请求数据和自定义查询

vue使用element Transfer 穿梭框实现ajax请求数据和自定义查询基于element Transfer http://element-cn.eleme.io/#/zh-CN/component/transfer 直接上代码 <template> <div class="auth-user-list"> <el-breadcrumb separator="/"> <el-breadcrumb-item>

前端ajax用post方式提交json数据给后端时，网络报错 415

项目框架:spring+springmvc+mybatis 问题描述:前端ajax用post方式提交json数据给后端时,网络报错 415 前端异常信息:Failed to load resource: the server responded with a status of 415 (Unsupported Media Type) 后端异常信息:无报错原因:缺少jackson包类似问题注意点: springmvc添加配置.注解: pom.xml添加jackson包引用: Ajax请求

jQuery-1.9.1源码分析系列（十六）ajax——响应数据处理和api整理

ajax在得到请求响应后主要会做两个处理:获取响应数据和使用类型转化器转化数据 a.获取响应数据获取响应数据是调用ajaxHandleResponses函数来处理. ajaxHandleResponses的功能有: - 为jqXHR设置所有responseXXX字段(值便是响应数据) - 找到正确的dataType (在content-type和预期的dataType两者中的一个) - 返回正确的响应数据我们看一个响应数据的格式: responses = { text: "{"co

Web jquery表格组件 JQGrid 的使用 - 7.查询数据、编辑数据、删除数据

系列索引 Web jquery表格组件 JQGrid 的使用 - 从入门到精通开篇及索引 Web jquery表格组件 JQGrid 的使用 - 4.JQGrid参数.ColModel API.事件及方法 Web jquery表格组件 JQGrid 的使用 - 5.Pager翻页.搜索.格式化.自定义按钮 Web jquery表格组件 JQGrid 的使用 - 6.准备工作 & Hello JQGrid Web jquery表格组件 JQGrid 的使用 - 7.查询数据.编辑数据.删除数据

loadrunner关联——对服务器返回的数据选择性提交

在跟进项目的过程中,才体会到自己之前闷头看书再写小小的测试程序验证的学习方式很没有效率,知道动态关联,却也只是会参数化式的动态关联,这种关联是我们预先知道要提交的数据而进行的关联:更高一级的可能就是使用loadrunner自带的自动关联,对jsessionid和DSId进行关联,除此之外一无所知. 在项目中碰到的情况是:对输入框A进行参数化,假定当前参数数据为a1,参数化之后点击“查询”按钮,Server 返回a1的数据,选中a1进行提交.在这个过程中,根据参数不同Server返回的数据不同,且

AC中保存数据与查询数据

//保存数据 hui.ajax(function (ret, err) { }, url, {values: {t:"test",m:"Search",c:"SearchCount",submitData2:[{Title:"自动测试提交",Content:"这是测试内容"}]}}, hui.constant.ajax_method.post); //查询数据 hui.ajax(function (ret,

php的查询数据

php中连接数据库,通过表格形式输出,查询数据.全选时,下面的分选项都选中;子选项取消一个时,全选按钮也取消选中. <!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/xhtm

mongodb基础系列——数据库查询数据返回前台JSP（二）

上篇博客论述了,数据库查询数据返回前台JSP.博客中主要使用Ajax调用来显示JSON串,来获取其中某一个字段,赋给界面中的某一个控件. 那这篇博客中,我们讲解,把后台List传递JSP展示. List传递界面,以前我们普通的做法是怎么样的呢?foreach 的el表达式?还是java代码? 那对于本身就是Json格式的list,到底如何显示呢? 显然表单中的el表单以及java代码不合适.那我们继续使用Ajax来显示. 一:对于不使用前台框架的情况:就是咱们普通的table,到底如何以表格的形

ajax查询数据为什么提交按钮没用普通按钮才有用

热门专题