<Table>
<Tr>
<Td>
<input type="text" name="name"/>
</Td>
</Tr>
<Tr>
<Td><div id="mydiv" style="border-style: groove"></div></Td>
</Tr>
</Table>
</body>
/*
$(function(){
$(":text[name=name]").keyup(function(){
var val = this.value;
$.get("abc",{"username":val,"age":123},callback);
});
});
function callback(data){
mydiv.innerHTML = data;
}
*/
$(function(){
$("table").attr("align","center");
$(":text[name=name]").keyup(function(){
var val = this.value;
$.get("abc",{"username":val},function(data){
mydiv.innerHTML =data;
$("#mydiv>div").mouseover(function(){
$(this).css("background-color","yellow");
$(":text[name=name]").val($(this).html());
}).mouseout(function(){
$(this).css("background-color","white");
}).click(function(){
$(":text[name=name]").val($(this).html());
$("#mydiv").html("");
});
});
});
});
package com.ajax.web;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.List;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.ajax.dao.Dao;
public class ShwServlet extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html;charset=gbk");
PrintWriter out = response.getWriter();
String name = request.getParameter("username");
Dao dao = new Dao();
List<String> list = dao.getList(name);
StringBuffer sf = new StringBuffer();
for(String s : list){
sf.append("<div>"+s+"</div>");
}
out.print(sf.toString());
out.flush();
out.close();
}
}
package com.ajax.dao;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.util.ArrayList;
import java.util.List;
public class Dao {
private Connection conn = null;
private PreparedStatement pst = null;
private ResultSet rs = null;
private Connection getConn() {
try {
String url = "jdbc:mysql://localhost:3306/mydb";
Class.forName("com.mysql.jdbc.Driver");
conn = DriverManager.getConnection(url, "root", "root");
} catch (Exception e) {
e.printStackTrace();
}
return conn;
}
public List<String> getList(String name){
List<String> list = new ArrayList<String>();
try {
String sql = "select name from inf where name like '%"+name+"%'";
pst = getConn().prepareStatement(sql);
rs = pst.executeQuery();
while(rs.next()){
list.add(rs.getString("name"));
}
} catch (Exception e) {
e.printStackTrace();
}
return list;
}
}
-<servlet> <servlet-name>ShwServlet</servlet-name> <servlet-class>com.ajax.web.ShwServlet</servlet-class> </servlet> -<servlet-mapping> <servlet-name>ShwServlet</servlet-name> <url-pattern>/abc</url-pattern> </servlet-mapping> -<welcome-file-list> <welcome-file>index.jsp</welcome-file> </welcome-file-list>
type:"POST",
url:"${ctx}/stats/energyTrend!getElectricInfo.action",//请求地址
data:{
year:year,
month:month
},//传递参数json格式
dataType:"json",//ajax返回类型还要html/text等
success:function(data){//请求成功data为返回的数据
}
});本回答被网友采纳
如何使用ajax验证表单? 希望有一个可以直接参考的代码,谢谢。
首先要明白ajax的意义，Ajax并不是一种技术，而是多种手段的混合应用，其原理是通过浏览器的XMLHttpRequest对象（不同浏览器有不同实现，但大致类似）向Web服务器直接请求数据，请求回来的数据会是多种形式，然后用JS进行解析和二次处理，再在页面上显示相应的结果，好处是可以减少往返通信量，坏处是开发...
JS、AJAX等实现:HTML\/JSP页面中即时显示查询的数据,怎么写?
jsp页面,嵌入查询数据库,有点原始了你可以把数据库查询封装到一个bean里,然后提供一个查询并返回json的方法在你的ajax页面(这个页面是一个jsp文件),Import这个bean,然后实例化,并调用哪个方法即可大概是""+getDBJson(1)+“” 已赞过 已踩过< 你对这个回答的评价是? 评论 收起 匿名用户 2013-08-23 展开...
java servlet ajax 实现点击表格一行数据刷新另一个表格的数据(不刷新...
function refertable2(em){ var url="\/t2.jsp?id="+$(em).attr("tid");.post(url,function(html){ ("t2").html(html);});} ===下面是\/t2.jsp页面=== 第一行数据 第二行数据
jsp怎么用ajax做分页
利用ajax实现，和没有使用ajax，技术难度上差不多。我是这样实现的：首先，做一个javabean主要是用来存储你要查询的数据，就是getxx和setxx 二 做一个dao，里面包括了getTotalSize()\/\/总个数，getPages(int pageSize)\/\/总页数和List transferPagination(int currPage,int pageSize)\/\/数据列表 在数据...
怎么用ajax加载一个页面的内容到另一个页面
通过ajax读取到写好的jsp，另一个jsp可以放framse或者层都可以，显示就行了 .ajax({ type: "POST", \/\/用post方式传输 dataType: "html", \/\/数据格式：json url: 'Page1.aspx?pid=452765', \/\/目标地址 contentType: "application\/json", success: function(jsonhtml) { $...
jquery ajax怎么传递参数,例如点击 这是JS的,用JS,要怎么写
下面的例子是写在struts2框架下面的。验证邮箱是否已经存在，和数据库交互那部分没有贴上，省略了 --- jsp部分：<%@page contentType="text\/html;charset=utf-8"%> <%@taglib prefix="s" uri="\/struts-tags" %> <!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN" "http:...
200分求一个java ajax实现局部刷新的例子
1 查询数据到页面。2 当你做添加或删除时候，ajax提交到后台把相应的记录处理好，成功后页面局部刷新。3 如果例子对的话，我再整理下，然后告诉你一些东西。4 下面的页面要包括一个js文件，我把文件发你了。<!DOCTYPE HTML PUBLIC "-\/\/W3C\/\/DTD HTML 4.01 Transitional\/\/EN"> test.html ...
ajax获取后端数据在前端展示?
2、可以根据协议写一个JavaBean，将数据封装好之后传到前台页面即可。3、response：请求响应pageContext：可以用这个对象获取request和response。out：用于向页面中传入数据假如现在login.jsp有一个表单User，需要提交到后台。4、你是想做到JSP页面不加入%%这种小脚本吧，那可以采用EL表达式，或者一些框架的输出...
ajax struts1 jsp配置 .ajax怎么把url传到指定的后台action中
1、ajax的参数你写得有问题，应该是这样的 $.ajax({url:"className!method.action",data:{name:"testname"}}).也就是说，这个ajax传入的参数只会是一个，｛url:"",data:""｝ 2、你的 data'name=?', 是何解？ 你再看看我在1中写的格式，他是以key:value的形式。所以这里也是错误。...
在java程序中访问jsp页面出现如下问题,该如何快速解答,下图分别为...
我建议你这么写，将查询的button设置一个id 查询 然后在jQuery里面这么写 ("bt").click(function(){ .ajax(...你的代码...);});
