在Jquery中提供了一套ajax的方法，有:

$.ajax([data],fn)

load(url, [data], [callback])

$.get(url, [data], [callback], [type])

$.getJSON(url, [data], [callback])

$.getScript(url, [callback])

上面的這些方法，均是jquery提供的支持ajax的方法，其中g(shù)et，getJSON，getScript這幾個(gè)方法使用差不多，ajax()方法的使用，相對(duì)于其他的方法有較多的參數(shù)，具體的參數(shù)得看api，下面是ajax()方法的常用參數(shù)：

type: 請(qǐng)求方式(post，get)

url：請(qǐng)求地址

data：請(qǐng)求參數(shù)

success：請(qǐng)求成功后的回調(diào)方法

代碼：

// 取得事件的方法

function callback() {

// 得到font標(biāo)簽對(duì)象

var eleF = document.getElementById("time1");

// 將時(shí)間直接插入到font標(biāo)簽中進(jìn)行顯示

eleF.innerHTML = new Date().toTimeString();

}

// 點(diǎn)擊時(shí)候，進(jìn)行刷新時(shí)間

function referTime() {

// 進(jìn)行刷新操作

setInterval(callback, 1000);

};

$("#btn").click(setInterval(function() {

$("#time2").html(new Date().toTimeString());

}, 1000));

function find(id) {

var ele = document.getElementById(id);

$.ajax({

type : "POST",

url : "?method=findByName",

data : 'username=' + ele.value,

success : function(msg) {

$("#font").html(msg);

}

});

}

jsp頁面：

JQuery實(shí)現(xiàn)異步刷新

// 取得事件的方法

function callback() {

// 得到font標(biāo)簽對(duì)象

var eleF = document.getElementById("time1");

// 將時(shí)間直接插入到font標(biāo)簽中進(jìn)行顯示

eleF.innerHTML = new Date().toTimeString();

}

// 點(diǎn)擊時(shí)候，進(jìn)行刷新時(shí)間

function referTime() {

// 進(jìn)行刷新操作

setInterval(callback, 1000);

};

$("#btn").click(setInterval(function() {

$("#time2").html(new Date().toTimeString());

}, 1000));

function find(id) {

var ele = document.getElementById(id);

$.ajax({

type : "POST",

url : "?method=findByName",

data : 'username=' + ele.value,

success : function(msg) {

$("#font").html(msg);

}

});

}

局部刷新操作
Javascript實(shí)現(xiàn)局部刷新(時(shí)間跳動(dòng))		οnclick="referTime()" />
jquery實(shí)現(xiàn)局部刷新(時(shí)間跳動(dòng))
ajax方法從數(shù)據(jù)庫查詢內(nèi)容		Name: type="button" value="查詢" id="button" οnclick="find('user')" />

dao&servlet：

public void findByName(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

String username = request.getParameter("username");

try {

Hero hero = dao.findByName(username);

System.out.println(hero);

if(hero!=null) {

response.getWriter().print(hero);

} else {

response.getWriter().print("此用戶不存在...");

}

} catch (SQLException e) {

throw new RuntimeException(e);

}

}

package cn.geore.ajax;

import java.sql.SQLException;

import org.apache.commons.dbutils.QueryRunner;

import org.apache.commons.dbutils.handlers.BeanHandler;

import priv.geore.toolutils.jdbc.FirmQueRunner;

public class AjaxDao {

private QueryRunner runner = new FirmQueRunner();

public Hero findByName(String string) throws SQLException {

String sql = "SELECT * FROM hero WHERE heroname=?";

return runner.query(sql, new BeanHandler(Hero.class), string);

}

}

photo:

總結(jié)

以上是生活随笔為你收集整理的java使用ajax异步刷新_Jquery的Ajax实现异步刷新的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。