点击按钮调用js函数无反应(未解决)_调用js函数没反应_童 话的博客-程序员秘密

技术标签: 毕设  SSM  

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>测试RESTFul风格</title>

<script type="text/javascript" src="${
    pageContext.request.contextPath }/js/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
	function select() {
    
		// 获取输入信息
		var id=$("#number").val();
		
		console.log(id);
		// 发送请求
		$.ajax({
    
			url:"${
    pageContext.request.contextPath }/selectUser/" + id,
			// 提交方式
			type:"GET",
			// 设置返回数据格式
			dataType:"json",
			// 成功弹窗提示
			success:function(data) {
    
				if (data.username != null) {
    
					alert("id为" + id + "的用户名为:" + data.username);
				}
			}
		});
	}
</script>
</head>
<body>

<form>
	qgwe编号:<input type="text" name="number" id="number" />
	<input type="button" value="戳这里查询" οnclick="select()" />
</form>
</body>
</html>

点击按钮一点反应都没有
但是下面这段就完全正常:

<%@ page language="java" contentType="text/html; charset=UTF-8"
     pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>RESTful测试</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" 
    src="${
    pageContext.request.contextPath }/js/jquery-1.11.3.min.js">
</script>
<script type="text/javascript">
function search(){
    
	// 获取输入的查询编号
	var id = $("#number").val();
	$.ajax({
    
		url : "${
    pageContext.request.contextPath }/selectUser/"+id,
		type : "GET", 
		//定义回调响应的数据格式为JSON字符串,该属性可以省略
		dataType : "json",
		//成功响应的结果
		success : function(data){
    
			if(data.username != null){
    	
			    alert("您查询的用户是:"+data.username);
			}else{
    
			    alert("没有找到id为:"+id+"的用户!");
			}
		}
	});
}
</script>
</head>
<body>
    <form>
         编号:<input type="text" name="number" id="number">
	    <input type="button" value="搜索" οnclick="search()" />
    </form> 
</body>
</html>

不知道什么鬼,这两段哪里不一样吗???

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_41409120/article/details/105273544

智能推荐

android optionmenu 动态显示,android – 如何在onCreateOptionsMenu中动态更改菜单_weixin_39799565的博客-程序员秘密

我有小问题,我想用动态菜单解决它:public boolean onCreateOptionsMenu(com.actionbarsherlock.view.Menu menu) {switch(Globals.editMode){case Globals.MODE_NONE:getSupportMenuInflater().inflate(R.menu.imagehandlingmain_men...

spring 使用@Async注解实现异步执行_梦想画家的博客-程序员秘密

spring 使用@Async注解实现异步执行文本我们介绍spring中使用@Async注解实现异步执行功能。通过@Async注解的bean方法将在独立的线程中执行,即执行者无需等待调用方法完成。 Spring框架中的事件机制也支持异步处理。启用异步支持我们使用javaConfig方式配置启用异步支持,通过在配置类上增加注解@EnableAsync:@Configurat...

opencv--画矩形框与图片截取_opencv 矩形截图_qq_35971623的博客-程序员秘密

一 :截屏中由于namedWindow出现的效果不同分析在WINDOW_AUTOSIZE模式下的截屏会造成与实际鼠标点不同的效果在WINDOW_NORMAL模式下的截屏效果与实际点一样二:在EVENT_MOUSEMOVE模式下采用desimage.copyto(img)方式,因为如果一直采用img的图像,那个img图像是处理后的img图像,及后面在处理的mouse_move指令

android x86 sleep,如何打开Android X86对houdini的支持_weixin_39908106的博客-程序员秘密

前面的文章中介绍了如何在VirtualBox虚拟机中安装Android X86。不过,安装结束后,试了几个只有ARM版.so文件的apk程序,发现都打不开。难道是新版Android X86动态将ARM指令集转成X86指令集的houdini兼容性有问题?经过一番研究,发现默认情况下,其实Android X86是不带houdini的,也就是不能运行只有ARM版.so文件的程序。不过,可以通过几个步骤,...

SIP协议学习笔记(1)——总体结构_weixin_30378623的博客-程序员秘密

1.简介SIP(Session Initiation Protocol)是一种类似于http协议的纯文本应用层协议。SIP可以用来控制会话的建立、取消、关闭等操作。主要可以实现以下功能:用户定位:检查终端用户的位置,用于通信;用户有效性:检查用户参与会话的意愿程度;用户能力:检查媒体和媒体参数;建立会话:“振铃”,在呼叫和被叫方同时建立会话的参数;会话管理:包括会话的传...

OpenLDAP 图形化管理_victoruu的博客-程序员秘密

   前面我都是手动编辑ldif文件来增加用户,对于一些新手来说可能非常的不方便,下面我这里使用图形化界面来进行管理OpenLDAP,查看本文前,请查看一下我的服务端部署文档。    针对OpenLDAP图形界面管理,开源组织也提供了GUI管理OpenLDAP软件,目前开源的产品有phpLDAPadmin、LDAP Account Manager、Apache Directory Studio、L...

随便推点

JavaScript 更改属性的指定值 ----setAttribute()方法_setattribute 两个值_yhlysy的博客-程序员秘密

setAttribute()方法把指定属性设置或更改为指定值。它同样有两个值,setAttribute(name,value),第一个是属性名字,第二个是设置或更改的指定值。在上述例子中,将type为button(按钮)的input元素改为type为文本框(text),通过getElementById获取input对象,然后操作input对象的setAttribute()方法

深度学习之参数优化方法_LZXandTM的博客-程序员秘密

优化问题:给定目标函数f(x),我们需要找到一组参数x,使得f(x)的值最小1.Vanilla updatex += - learning_rate * dx对于训练数据集,我们首先将其分成n个batch,每个batch包含m个样本。我们每次更新都利用一个batch的数据,而非整个训练集。即:好处在于:当训练数据太多时,利用整个数据集更新往往时间上不显示。batch

7-23 sdust-Java-学生成绩读取与排序 (10 分)_世界在我口袋的博客-程序员秘密

1)从键盘录入多行学生成绩的信息,每行表示一个学生的一门课的成绩,最后一行以“exit”结束。每行文本的格式为:学号,姓名,课程名,成绩。程序能够读取学生及其成绩,将具有相同学号的学生及其成绩读取到一个Student(学生类)类对象的列表(List)stuList中; 2)程序在读取完学生及其成绩的数据后,能够将stuList中的学生按照平均成绩降序排列(如果平均成绩相同,学号数字小的排在前面), 并输出排序后的学生学号、姓名和成绩。输入格式:多行表示的学生成绩,每一行是一个学生的姓名、学号、课程名、成

毕业三年,讲个故事_中兴软创和君合创胜_icessun的博客-程序员秘密

一天晚上,接到好基友的电话,寒暄一番;突然他说道,三年前的今天,我们踏上了返程了火车,从此与生活了四年的大学说再见。听到这句话的时候,脑海中一个激灵,瞬间呈现出了当时的画面。我们俩每个人都拉着两个行李箱,一大一小,犹如牵着两个小孩子般的前行。我的箱子里面装着一些舍不得丢掉的书,比较沉,他也是。我偷偷的走,并没有告诉别人;他和几个好朋友叨扰了几句,于是这几个人都来送他了。候车厅里面,我们有说有笑...

Flink 学习笔记前置_taco詹詹的博客-程序员秘密

学习大数据有几年了,一直没有涉及到Flink部分,正好最近时间充裕,便学习整理一份个人学习笔记,仅供参考,学习资源来自于B站尚硅谷及其他网友。实时处理框架值接触过sparkStreaming和flink所有只针对这两个所学框架先做些对比:flink 相比较spark Streaming这种微批准实时处理,完全是两种不同的实现方式。flink 是一种完全无间断的流处理,而sparkStreaming 是无限的微小批次组成的“流”,是同一批次数据积累完再去做处理,而Flink是来一条处理一条数据。f

git最新版安装步骤_git最新版本_Charonmomo的博客-程序员秘密

git下载地址: https://git-scm.com/download/win我下载的是这个版本:下载后直接双击运行就可以了.可以选择更改安装目录:其实这里默认勾选的已经够用了. 可以根据需要选择是否安装别的. 这里我多勾选了两个:默认就可以了, 直接next选择Git文件默认的编辑器, 默认vim即可选择Git初始化分支的名称a) git默认的初始化分支名称为"master"。&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb

推荐文章

热门文章

相关标签