使用jQeury控制form动态发送请求

1.jquery中使用submit提交按钮时,当return false后,依然会提交表单的

解决的办法是:使用button按钮,而不是submit按钮 看下面的例子

<form id="form" action="back.action" method="get">

<input type="text" id="backSelect" value=${sessionScope.teachername}/>

<input type="submit" id="backSelect" value="退选"/>

</form>

我要判断是否确定退选才发送请求到back.action中处理。

Jquery如下:

jQuery(‘#backSelect‘).click(function(){

var date=new Date();

var a = new Date("06/21/2015 12:00");

var b = new Date("06/23/2015 12:00");

if(date>=a&&date<=b){

jConfirm(‘您确定要退选吗?‘,‘确认框‘,function(r){

var message = r == true ? ‘是‘ : ‘不是‘;

if(r==true){

jQuery(‘#form‘).submit(); // 这个控制发送提交请求

}else{

jAlert(‘请您填写拟题表‘);

}

});

}else{

jAlert("时间已过,您不能退选了");

}

});

------------------------------以上是不能够解决问题的,当你点击的时候,都会发送submit请求,这大概就是submit和button的区别吧--------------------

2.可以通过下面这篇文章来学习下jquery如何提交表单

(2) 编写以下代码,这段代码将创建一个表单,其中包含一个input按钮(而不是submit按钮)。添加一些将在单击该按钮时触发并提交该表单的jQuery代码。


<form id="form" action="back.action" method="get">

<input type="text" id="backSelect" value=${sessionScope.teachername}/>
                <input type="submit" id="backSelect" value="退选"/>
     </form>

--------------------------jquery----------------------------

jQuery(‘#backSelect‘).click(function(){
        	var date=new Date();
        	var a = new Date("06/21/2015 12:00");
        	var b = new Date("06/23/2015 12:00");
        	if(date>=a&&date<=b){
        		jConfirm(‘您确定要退选吗?‘,‘确认框‘,function(r){
        		var message = r == true ? ‘是‘ : ‘不是‘;
        		if(r==true){
        			jQuery(‘#form‘).submit(); // 这个控制发送提交请求
        		}else{
        			jAlert(‘请您填写拟题表‘);
        		}
        		});
        	}else{
        		jAlert("时间已过,您不能退选了");
        	}        });

//只需要将form里面的type改成button就可以轻松解决问题,控制当你判断确定是才发送请求,这样可以做到动态发送请求-

1.5.3 原理

在本例中,向input按钮附加click事件处理函数。该事件处理函数将在单击按钮时执行。单击按钮时,将在表单上调用jQuery的submit()方法,这将提交该表单。所有浏览器都有一个原生的提交方法,用于以编程方式提交表单。jQuery将此功能包装到了它自己的submit()方法中。

1.5.4 更多信息

控制表单提交

如果表单有一个submit按钮,那么我们可以控制是否提交该表单。在本例中,必须向表单附加事件处理函数,此事件处理函数将在单击特定表单上的submit按钮时执行。

$(‘#Form‘).submit(function()
{
 return false;
});

上述代码将在单击ID为Form的表单上的submit按钮时执行。如果处理函数返回false,不会提交表单。这对验证表单非常方便。验证表单值的代码可以放在处理函数中。如果表单值通过验证,返回true,提交表单。验证失败时,返回false,则不允许提交表单。

另一个选项是使用preventDefault()。由名称可以看出,preventDefault()会阻止执行默认事件。它是event对象的一个属

$(‘#Form‘).submit(function(event)

{

event.preventDefault()

});
时间: 2024-11-05 06:46:16

使用jQeury控制form动态发送请求的相关文章

学习-【前端】-angularjs基本框架以及向服务器发送请求的方法

昨天写了个跨域的东西,自己琢磨了下,想到这种方式正好也是之前想的混合app如何交互服务器的解决办法.心里还是蛮开心的.今天又花时间把前端客户端部分的框架做了出来,整合的思路是参照node社区移动端的设计方案,把所有controllers和所有services放到一起,不过请求数据未用$resource也没有用原生的$http,而是使用了restangular,用完这个再把配置文件单独整合到一个文件夹里.整个框架看起来都十分的整洁了. 先给个结构图: 因为是由产品驱动的架构,所以最开始没有使用bo

Angular 定时器$timeout和$interval关于定时刷新页面和发送请求的用法

项目中有用到定时器定时刷新页面的数据,在网上查看了一些资料,整理了一下,备忘. $timeout 用法如下:$timeout(fn,[delay],[invokeApply]); fn:一个将被延迟执行的函数. delay:延迟的时间(毫秒). invokeApply:如果设置为false,则跳过脏值检测,否则将调用$apply. 方法:cancel(promise); promise:$timeout函数的返回值. 具体使用:在项目中用到的其中一处是键入字符然后自动发送请求查询,如果每键入一个

AJAX向服务器发送请求并返回json数据

这里想实现的功能大概是这样:类似注册时,用户名已经被注册了的情况.当用户失去焦点的时候利用AJAX发送请求到服务器端,服务器端进行数据库查询,如果有相同的用户名则页面提示用户名已被注册了,不能用,否则就通过注册. 这里用的是Jquery AJAX以及SSH框架,下面是我的实现步骤: 先引入struts-json的jar包 1.注册页面中添加JS方法调用 <span id="tip" style="color:red"></span> <

Android HTTP实例 使用GET方法和POST方法发送请求

Web程序:使用GET和POST方法发送请求 首先利用MyEclispe+Tomcat写好一个Web程序,实现的功能就是提交用户信息:用户名和年龄,使用GET和POST两种提交方式. 用浏览器打开: 不管以哪一种方式,提交以后显示如下页面,将提交的信息再显示出来. 关键代码如下: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% Str

浏览器向服务器发送请求报文

参考资料:浏览器加载和渲染html的顺序 域名:就是给IP起了一个别名,域名的作用就是方便人的记忆 1>浏览器向服务器发送请求报文 http:/www/baidu.com:80/login.aspx 当我在浏览器中输入一个这样以一个url地址:浏览器第一步做的事情就是根据这个www/baidu.com的域名来找DNS服务器,解析成对应的IP地址. 例如解析成:http://202.108.22.5 :80/login.aspx 浏览器在解析到IP地址后,做的第二步就是对指定的URL进行HTTP封

Ajax--Ajax基于原生javascript:创建Ajax对象、链接服务器、发送请求、接受响应结果

我的笔记:Ajax概述 一.Ajax应用小例子(get提交) register_get.html (客户端) 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style> 7 .tips{ 8 color:red; 9 } 10 </

java web前端发送请求的4种方式

表单 action, 链接href,js 绑定按钮 ajax绑定标签 <h1>通过表单提交参数</h1> <form action="/day46_v1/ServletDemo01?method=addUser" method="post"> 用户名:<input type="text" name="username"/><button>提交</button&g

前端向后端发送请求的几种方式

1.link标签的href属性 2.script标签的src属性 3.img标签的src属性 4.ajax发送请求 5.form 表单提交 6.a标签的href属性 7.iframe的src属性发送请求 参考:https://www.cnblogs.com/AmorR/p/8030133.html 原文地址:https://www.cnblogs.com/linhuaming/p/9130181.html

发送请求获取响应内容

C#请求url,获取响应的脚本 public string ResultOfApi(string url) { //发送请求 HttpWebRequest request = null; HttpWebResponse response = null; request = (HttpWebRequest)HttpWebRequest.Create(url); request.Method = "Get"; request.ContentType = "application