php 表单 同步,Jquery点击按钮 异步和同步提交表单

最近在开发一个jsp学生信息管理系统,由于刚刚接触jsp,遇到问题比较多,特此记录与大家分享。

Jquery ajax提交表单到servlet示例

前台部分代码:

姓名学号
    

ajax提交表单代码://增加学生,异步提交学生表单

$("#addStudents").click(function() {

$.ajax({

url: "addStudents.do",//要请求的服务器url

//这是一个对象,表示请求的参数,两个参数:method=ajax&val=xxx,服务器可以通过request.getParameter()来获取

//data:{method:"ajaxTest",val:value},

data: {

name: $("#name").val(),

studentId: $("#studentId").val(),

},

async: true, //是否为异步请求

cache: false, //是否缓存结果

type: "POST", //请求方式为POST

dataType: "json", //服务器返回的数据是什么类型

success: function(result){ //这个方法会在服务器执行成功是被调用 ,参数result就是服务器返回的值(现在是json类型)

if(result){

alert("true");

}else{

alert("false");

}

}

});

});

web.xml配置代码:

This is the description of my J2EE component

This is the display name of my J2EE component

addStudents

org.cms.students.addStudents

addStudents

/addStudents.do

addStudents.java代码(采用POST提交方式):public void doPost(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

PrintWriter out = response.getWriter();

String name=request.getParameter("name");

System.out.println(name);

System.out.println("123456789");

out.print("false");

}

ajax提交表单

通过上面的配置后,我输入学生姓名然后提交表单,但是在myeclipse的控制台里并没有打印出姓名和字符串“123456789”,然后我就开始了疯狂的检查,检查了n遍,还是不知道错误出现在哪里,一次偶然的机会我发现了问题所在。我在ajax代码块后加了个alert()语句,奇迹出现了,浏览器弹出相应内容,myeclipse的控制台里打印出姓名和字符串“123456789”,这让我很是疑惑,在查阅大量博客和官方文档后,我才明白一切都是JQuery ajax的同步和异步提交的原因。

先来了解下JQuery ajax方法:

异步的理解:当代码执行到ajax部分时,它与ajax之后的外部代码是一起执行的,假如此时有外部代码要用到ajax中的返回值,而ajax的async属性为true(即此时ajax为异步),那么后续的外部代码是不可能能拿到ajax的返回值的,只有设置为同步即ajax的async属性为true,执行完ajax部分时,再接着执行后续代码时,才会在关系上产生连续性,则这样才能拿到其返回值。

然后我就将async设置为false,问题真的解决了,但是还是不知道为什么添加了alert语句即使是异步也可以打印出姓名和字符串?

继续查阅资料我自己的总结如下(欢迎各位大牛指点):

1、async:true时:当点击提交按钮时,执行点击事件里的代码语句,执行到ajax时,由于是异步执行,所以并不会阻塞后面语句的执行,因为后面没有语句了,所以可能由于ajax还没来得及执行完点击事件就结束了,自然就没有打印出姓名和字符串。如果在ajax后添加alert语句,点击事件就会被阻塞到这里,这时ajax就有充足的时间执行,所以控制台就能打印出姓名和字符串。我尝试去除外层的点击事件,直接执行ajax,这时不论同步或者异步都可以打印出姓名和字符串,可以证明我的猜想。

2、async:false时:当点击提交按钮时,也会执行点击事件里的代码语句,执行到ajax时,由于是同步执行,所以必须等ajax成功返回后才继续执行后面的代码,自然就能打印出姓名和字符串。

本文原创发布php中文网,转载请注明出处,感谢您的尊重!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/332704.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

IntelliJ IDEA for Mac如何配置数据源(Data Source)和用户驱动(User Driver)及数据库控制台_数据源配置(Console)详解

文章目录直接添加数据源(Data Source)添加驱动和数据源(Driver and Data Source)驱动数据库控制台直接添加数据源(Data Source) 直接添加数据源,IDE 会默认指定数据库驱动,如下图所示…

app aws_服务网格:Istio和AWS App Mesh

app aws本周在AWS re:Invent上的重大公告之一是AWS App Mesh 。 在谈论它之前,让我们先看一下网格到底是什么…… 什么是服务网格? 服务网格是微服务体系结构的基础结构层。 它处理服务之间的通信问题,使该通信更加可见&#xf…

php screw 密钥,php-screw php代码加密工具用法(整理)

1、进入http://sourceforge.net/projects/php-screw/下载最新版本php_screw-1.5.tar.gz 解压安装: #tar zxf php_screw-1.5.tar.gz #cd php_screw-1.5 #vi php_screw.h 将 #define PM9SCREW “\tPM9SCREW\t” #define PM9SCREW_LEN 10 修改为任意字串,如&#xff1a…

IntelliJ IDEA如何部署项目、部署方式以及部署相关的操作

文章目录工件列表工件类型添加工件部署项目exploded 工件的部署war 工件的部署手动部署项目war 包部署exploded 部署部署有关的操作deploy/redeploy(部署/重新部署)rerun/run(重启服务器/启动服务器)Update resources(…

php恒等符,php学习笔记(三)操作符与控制结构

php学习笔记(三)操作符与控制结构更新时间:2011年08月06日 20:09:31 作者:好久没更新了,这段时间挺忙的。下面继续php学习 之 操作符与控制结构;一.字符串插入为了给开发人员处理字符串值提供最大的灵活性&#xff0…

spring框架三层架构_Spring框架架构

spring框架三层架构这是Spring Framework Architecture的概述。 了解Spring Framework的各个组成部分如何组织以及如何相互联系。 如果您想了解什么是Spring框架及其功能,请阅读Spring框架简介 。 总览 Spring是一个模块化框架 。 它不是作为一个软件包或多个模块捆…

IntelliJ IDEA for Mac如何管理SDK/JDK,模块如何设置SDK/JDK?

文章目录管理 IDE 中的 SDK设置模块依赖的 SDK管理 IDE 中的 SDK 设置模块依赖的 SDK

php 数组是否属于迭代器,数组的迭代器属性Iterator介绍

[导读]数组默认有迭代器属性数组默认有迭代器属性var arr [111,222,333];var aa arr[Symbol.iterator]();aa.next(); // { value: 111, done: false }aa.next(); // { value: 222, done: false }aa.next(); // { value: 333, done: false }aa.next(); // { value: undefined,…

elk 聚合日志_使用ELK堆栈进行日志聚合

elk 聚合日志1.简介 随着微服务的使用,创建稳定的分布式应用程序和摆脱许多遗留问题变得很容易。 但是微服务的使用也带来了一些挑战, 分布式日志管理就是其中之一。 由于微服务是隔离的,因此它们不共享数据库和日志文件,因此实时…

Java对象如何实现比较规则

文章目录一、Comparable二、Comparator示例代码一、Comparable public interface Comparable 此接口强行对实现它的每个类的对象进行整体排序。这种排序被称为类的自然排序,类的 compareTo 方法被称为它的自然比较方法。 实现此接口的对象列表(和数组…

python教材目录,python 目录

python在安装的时候,就自带了很多模块,我们把这些模块称之为标准库,其中,有一个是使用频率比较高的,就是 os 。这个库中方法和属性众多,有兴趣的看官可以参考官方文档:https://docs.python.org/…

quartus状态机生成_生成器作为(快速失败)状态机

quartus状态机生成这个想法是几周前在设计“生成器”类时想到的,该类必须将输入发送给封装的Writer 。 实际上,它是Builder模式。 但是,规则有些复杂,用户必须以某种方式调用add...()方法,才能正确生成输出。 不用说&…

除法算式的正确表述

12 4 3,这个关系表达式叫作除法算式,表述为 12 除以 4 等于 3;也可以表述为 4 除 12 等于 3。

elk 日志管理_具有ELK的APIGEE API网关日志管理(弹性搜索,Logstash和Kibana)

elk 日志管理在本文中,我们将看到如何使用 Elastic Search , Logstash 和 Kibana 管理APIGEE API网关生成的日志 。 下图突出显示了日志数据如何流经ELK堆栈以进行数据可视化和监视。 作为API网关的一部分,我们将使用MessageLogging策略在代…

php输出分组,ThinkPHP 项目分组中的模板输出

模板输出启用了项目分组后,模板输出路径同原来相比有一些差别。默认输出当使用 $this->display() 指令输出默认模板时,输出的模板路径加上了分组名:TPL/模板默认主题/分组名/模块名/操作名模板后缀// 例子:Tpl/default/Admin/U…

平方根/立方根/根式

文章目录平方根/二次方根/二次根立方根/三次方根/三次根平方根/二次方根/二次根 如果一个正数 x 的平方等于 a,即 x2x^2x2 a,那么这个正数 x 就叫 做 a 的算术平方根(算术二次方根),记作 a\sqrt{a}a​ ,读…

使用junit进行单元测试_使用JUnit5对DynamoDB应用程序进行单元测试

使用junit进行单元测试在上一篇文章中,我描述了新的Java 2 AWS开发工具包,它为调用不同AWS服务的Java客户端提供了非阻塞IO支持。 在本文中,我将介绍一种用于单元测试AWS DynamoDB调用的方法。 有几种方法可以启动DynamoDB的本地版本– 1. …

h5jumppage.php,h5使用webviewjsbridge跟原生交互,点击标签调用2次webview

问题描述使用vue循环一个标签列表,点击列表里面的标签,调用app给的跳转页面的方法,第一次跳转页面后,点击返回按钮回到本页面,再次点击列表里面的标签,调用了2次webview,只有第一次点击的时候正…

Servlet的学习笔记

文章目录基本介绍入门步骤执行原理Servlet 生命周期线程安全问题解决方式Servlet 注解配置Servlet 继承与实现体系基本介绍 servlet,server applet,服务器端小程序 servlet 是一个接口,定义了 Java 类被浏览器访问(tomcat 识别&…

spring框架介绍_Spring框架介绍

spring框架介绍这是Spring框架和Spring核心概念的简介。 在本教程中,我们将介绍Spring Framework的主要优点和功能。 在随后的教程中,我们将学习有关Spring和Spring Boot的更多信息。 总览 我们知道, Spring框架是Java开发人员中最受欢迎的应…