ajax.html
<html>
<head>
<script src="selectcustomer.js"></script>
</head>
<form name="form">
select a customer
<select name="customers" onchange="showCustomer(document.form.customers.options[document.form.customers.selectedIndex].text)">
<option value="1">000100</option>
<option value="2">000101</option>
<option value="3">000102</option>
</select>
</form>
<p>
<div id="txtHint"><b>Customer info will be listed here.</b></div>
</p>
</html>
selectcustomer.js
var xmlHttp;
function showCustomer(str)
{
xmlHttp=GetXmlHttpObject();
if(xmlHttp==null)
{
alert("Browser does not support
HTTP Request");
return ;
}
var url="ajax.
jsp";
url=url+"?q="+str;
url=url+"&sid="+Math.random();
xmlHttp.onreadystatechange=stateChanged;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}
function stateChanged()
{
if(xmlHttp.readyState==4||xmlHttp.readyState=="complete")
{
document.getElementById("txtHint").innerHTML=xmlHttp.responseText;
}
}
function GetXmlHttpObject()
{
var objXMLHttp=null;
if(window.XMLHttpRequest)
{
objXMLHttp=new XMLHttpRequest();
}
else if(window.ActiveXObject)
{
objXMLHttp=new ActiveXObject("
Microsoft.XMLHTTP");
}
return objXMLHttp;
}
ajax.jsp
<
%@page contentType="text/html; charset=gb2312" import="java.sql.*"%>
<html>
<body>
<%
String sql=(String)request.getParameter("q");
//out.println(q);
String str="select * from customers where customerid='"+sql+"'";
//String str1="select * from customers";
Class.forName("org.gjt.mm.mysql.Driver").newInstance();
Connection con=java.sql.DriverManager.getConnection("jdbc:mysql://localhost:3306/test","root","");
Statement stmt=con.createStatement();
ResultSet rst=stmt.executeQuery(str);
%>
<table>
<%
while(rst.next())
{
%>
<tr>
<td><%=rst.getString("customerid")%></td>
<td><%=rst.getString("customername")%></td>
<td><%=rst.getString("companyname")%></td>
<td><%=rst.getString("contactname")%></td>
<td><%=rst.getString("address")%></td>
<td><%=rst.getString("postalcode")%></td>
</tr>
<% }
//关闭连接、释放资源
rst.close();
stmt.close();
con.close();
%>
</table>
</body>
</html>
相关推荐
jQuery作为一款优秀的轻量级JavaScript库，极大地简化了Ajax的操作流程。本文将通过解析jQuery Ajax的核心方法，帮助读者快速掌握其使用技巧。 #### 二、核心方法详解 ##### 1. `load(url, [data], [callback])` `...
JSF提供了多种UI组件，包括但不限于文本框、按钮、列表等，这些组件不仅支持基本的HTML标记，还支持更高级的功能，如AJAX支持、事件处理等。此外，JSF框架还支持组件的状态管理，即在用户与Web应用交互的过程中自动...
以下是一个基本的$.ajax()调用示例，用于读取JSON文件： ```javascript $.ajax({ url: 'path_to_your_json_file.json', // 替换为实际的JSON文件路径 type: 'GET', dataType: 'json', success: function(data) ...
它主要用于客户端的网页脚本，可以操控网页元素、处理用户事件、执行异步通信（AJAX）、以及构建复杂Web应用。JavaScript语法与Java类似，但两者并不相同，JavaScript更偏向于动态类型，支持函数式编程和原型继承。 ...
标题"aokiji-zz.github.io:具有API的NASA Web应用程序"表明这是一个基于GitHub托管的个人或开源项目网站，项目名称为"aokiji-zz"，并且它包含了一个与NASA（美国国家航空航天局）相关的Web应用程序。这个应用很可能...
【标题】"InvincibleAnga.EcoNature.gag8zZ2"可能是一个项目或软件的名称，结合描述和标签，我们可以推测这是一个与生态自然相关的Web应用或网站开发项目。 【描述】描述部分只给出了项目名称，没有提供具体的技术...
这对于想要深入了解 JavaEE 应用开发流程、掌握相关技术栈的人来说是非常宝贵的资源。通过学习这套资源，不仅可以加深对 JavaEE 架构的理解，还能学会如何设计和实现一个功能完善的 Web 应用程序。
"无后台"意味着该模板可能采用AJAX技术，直接在前端进行数据的获取和处理，减少了对后端服务器的依赖。这种方式可以减轻服务器压力，提高用户体验，但同时也要求前端代码具备足够的安全性和健壮性，确保数据的正确性...
该压缩包文件“ASP+SQL美食...通过分析源代码，学习者可以了解如何创建动态网页、处理用户交互、连接数据库以及构建基本的Web应用程序架构。这对于初学者来说是一份宝贵的资源，可以帮助他们加深对Web开发技术的理解。
在IT行业中，尤其是在Web开发领域，数学公式和符号的展示是一个常见的需求，特别是在教育、科研和技术文档中。...本篇文章将详细介绍如何利用这两个库将数学公式...<script src="https://cdnjs.cloudflare.com/ajax/libs/...
- **渲染流程**：理解浏览器的解析HTML、CSS，构建DOM和布局，绘制的过程。 - **性能优化**：了解如何通过减少HTTP请求、压缩资源、使用CDN等手段优化网页加载速度。 - **事件循环与异步编程**：深入理解...
JavaScript，由 Brendan Eich 在 Netscape Navigator 浏览器中创建，是一种广泛应用于网页和网络应用的编程语言，尤其在Web开发领域占据了核心地位。W3C（万维网联盟）是负责制定Web标准的组织，包括JavaScript的...
这个项目旨在帮助开发者熟悉网页开发的基本流程，提升在前端领域的技能。 **HTML（HyperText Markup Language）** HTML是网页开发的基础，它定义了网页的结构。在这个项目中，HTML文件将用于创建页面的基本框架，...
在这个鲜花网站中，开发者可能使用Web Forms来构建各种交互式的网页，如产品展示页面、购物车、结账流程等。 2. **C#编程**：C#是.NET Framework的主要编程语言，用于编写服务器端代码。在这个项目中，C#可能被用来...
- **AJAX技术**：异步JavaScript和XML技术，实现了页面的部分刷新，提升了用户体验。 ### 4. 源码分析 - **源码结构**：源码通常包括多个模块，比如webapp目录下的前端资源文件、src/main/java目录下的Java源文件...
MVC是一种软件设计模式，用于分离应用程序的数据、表现和控制逻辑。 4. Linux 系统启动过程：Linux启动通常包括五个阶段：内核加载、init进程启动、系统初始化、建立终端以及用户登录。这个过程确保系统从启动到...
1. **Python爬虫技术**：介绍Python爬虫的基本概念、用途及在实际项目中的应用。 2. **新浪微博爬虫实现**：具体分析sina-weibo-crawler项目的结构与功能，包括数据抓取原理、反爬虫策略应对等。 3. **百度网盘资源...
- **AJAX异步通信**: 为了提供实时的聊天体验，可能会使用AJAX进行局部刷新，无需整个页面刷新就能更新聊天内容。 - **JavaScript和jQuery**: 前端可能使用JavaScript和jQuery处理用户交互，如输入消息、发送消息和...
在现代Web应用开发中，大文件上传是一个常见的需求，尤其对于多媒体内容的处理。本示例项目"springboot+vue前后端分离 实现超大文件分块上传"提供了一个高效...对于学习和理解现代Web应用开发流程具有很高的参考价值。
8. **Ajax异步提交**：通过JavaScript的Ajax技术，可以实现表单的异步提交，即在不刷新整个页面的情况下发送数据并接收响应，提升交互性。 9. **MVC（模型-视图-控制器）框架**：许多Web开发框架，如Angular、React...