×

ajax请求实例 jsp js

ajax实现页面请求jsp数据,有大神能给写个例子么?js中使用indexOf()方法是提示(对象不支持此属性或方法)如何解决

admin admin 发表于2022-05-28 06:13:00 浏览113 评论0

抢沙发发表评论

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()方法是提示(对象不支持此属性或方法)解决办法:

  1. “对象不支持此属性或方法” 表示 javascript对象没有这个方法,无法调用,比如
    A.B() 当A对象没有B方法的时候,会报这个异常。

  2. 因为javascript是脚本语言,解释执行,所以只有在执行的过程中才会报错,而编译语言,像java,c等在编译的时候就会报错。

  3. A.indexOf() 在原生JS中只能用于String对象,比如var s=“123”; alert(s.indexOf(“1“)) // 不会报错

  4. 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