ajax实现页面请求jsp数据,有大神能给写个例子么
《body》
《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》
js中使用indexOf()方法是提示(对象不支持此属性或方法)如何解决
js中使用indexOf()方法是提示(对象不支持此属性或方法)解决办法:
“对象不支持此属性或方法” 表示 javascript对象没有这个方法,无法调用,比如
A.B() 当A对象没有B方法的时候,会报这个异常。因为javascript是脚本语言,解释执行,所以只有在执行的过程中才会报错,而编译语言,像java,c等在编译的时候就会报错。
A.indexOf() 在原生JS中只能用于String对象,比如var s=“123”; alert(s.indexOf(“1“)) // 不会报错
var s=123; alert(s.indexOf(“1“)) // 报错,因为s是number,这时候你需要把s转换成string才可以运行。
如以上回答未解决问题,请尝试:
var parr = [“a“,“b“,“c“,“d“];
判断parr 数组中是否存在a
parr.indexOf(“a“)==-1 在ie8下会提示对象不支持indexOf属性或方法
解决办法:
用jquery里的$.inArray替代indexOf
$.inArray(“a”, parr)==-1
如何正确使用Extjs
extjs说白了,就是一套做界面的东西,但是呢,他的界面都是用javascript来写的,写出来,经过渲染,就变成了你看到的界面。
至于怎么用,你只要把ext要用到的js文件和css文件引用了,然后写出前端显示的js代码,就能使用了。
如果要学习,推荐你看蔡世友的extjs视频教程,讲的很好的,就是有点老。
-jsp