jquery ajax 局部無刷新更新數(shù)據(jù)的實(shí)現(xiàn)案例
要更新的頁面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="js/jquery.js" type="text/javascript"></script>
</head>
<body>
<select id="lucky1" onchange="return duoduo();">
<option value="1">第一期</option>
<option value="2">第二期</option>
</select>
<div id="duoduo">
你好</div>
<input type="text" id="duo" />
</body>
<script type="text/javascript">
function duoduo() {
$.ajax({
type: 'post', //可選get
url: 'ajax.aspx', //這里是接收數(shù)據(jù)的程序
data: 'data=' + $("#lucky1").val(), //傳給PHP的數(shù)據(jù)，多個(gè)參數(shù)用&連接
dataType: 'html', //服務(wù)器返回的數(shù)據(jù)類型 可選XML ,Json jsonp script html text等
success: function(msg) {
//這里是ajax提交成功后，程序返回的數(shù)據(jù)處理函數(shù)。msg是返回的數(shù)據(jù)，數(shù)據(jù)類型在dataType參數(shù)里定義！
document.getElementByIdx_x_x("duoduo").innerHTML = msg;
//$("#duoduo").innerHTML = msg;
},
error: function() {
alert('對不起失敗了');
}
})
}
</script>
</html>
操作頁面
protected void Page_Load(object sender, EventArgs e)
{
if (Request.Params["data"].ToString().Equals("1"))
{
Response.Write("<a href=\"http://www.baidu.com\">第一期</a>");
}
else if (Request.Params["data"].ToString().Equals("2"))
{
Response.Write("<a href=\"http://www.baidu.com\">第2期</a>");
}
}
- bootstrapTable+ajax加載數(shù)據(jù) refresh更新數(shù)據(jù)
- Vue.js 通過jQuery ajax獲取數(shù)據(jù)實(shí)現(xiàn)更新后重新渲染頁面的方法
- Vue2.X 通過AJAX動(dòng)態(tài)更新數(shù)據(jù)
- jquery+ajaxform+springboot控件實(shí)現(xiàn)數(shù)據(jù)更新功能
- 利用jQuery及AJAX技術(shù)定時(shí)更新GridView的某一列數(shù)據(jù)
- Ajax異步無刷新對局部數(shù)據(jù)更新
- ajax頁面無刷新 IE下遭遇Ajax緩存導(dǎo)致數(shù)據(jù)不更新的問題
- ajax異步刷新實(shí)現(xiàn)更新數(shù)據(jù)庫
- ajax更新數(shù)據(jù)后，jquery、jq失效問題
- Ajax實(shí)現(xiàn)表格中信息不刷新頁面進(jìn)行更新數(shù)據(jù)
相關(guān)文章
jquery text()要注意啦 ，大家可以看看。2009-10-10
jquery動(dòng)態(tài)添加帶有樣式的HTML標(biāo)簽元素方法
下面小編就為大家分享一篇jquery動(dòng)態(tài)添加帶有樣式的HTML標(biāo)簽元素方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
這篇文章主要介紹了jQuery在header中設(shè)置請求信息的方法,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-03-03
這篇文章介紹了Jquery無須瀏覽實(shí)現(xiàn)直接下載文件的方法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-05-05
這篇文章主要為大家詳細(xì)介紹了jQuery插件Validation表單驗(yàn)證的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-05-05
jQuery插件bxSlider實(shí)現(xiàn)響應(yīng)式焦點(diǎn)圖
bxSlider特性1.充分響應(yīng)各種設(shè)備，適應(yīng)各種屏幕；2.支持多種滑動(dòng)模式，水平、垂直以及淡入淡出效果；3.支持圖片、視頻以及任意html內(nèi)容；4.支持觸摸滑動(dòng)；5.支持Firefox，Chrome，Safari，iOS，Android，IE7+，下面我們就來詳細(xì)探討下吧。2015-04-04
jQuery實(shí)現(xiàn)可展開合攏的手風(fēng)琴面板菜單
這篇文章主要介紹了jQuery實(shí)現(xiàn)可展開合攏的手風(fēng)琴面板菜單,涉及jQuery中slideUp及slideDown方法的相關(guān)使用技巧,代碼簡單實(shí)用,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09
jquery中關(guān)于inArray()函數(shù)的詳細(xì)使用說明2011-10-10
jquery中的$(document).ready()與window.onload的區(qū)別
瀏覽器執(zhí)行window.onload函數(shù)不僅僅是在構(gòu)建完DOM樹之后, 也是在所有圖像和其他外部資源完整的加載并且在瀏覽器窗口顯示完畢之后.2009-11-11
jquery實(shí)現(xiàn)表單驗(yàn)證簡單實(shí)例演示
這篇文章向大家推薦了一個(gè)jquery實(shí)現(xiàn)表單驗(yàn)證簡單實(shí)例演示，需要的朋友可以參考下2015-11-11