jquery ajax 局部無(wú)刷新更新數(shù)據(jù)的實(shí)現(xiàn)案例
要更新的頁(yè)面
<!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('對(duì)不起失敗了');
}
})
}
</script>
</html>
操作頁(yè)面
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 通過(guò)jQuery ajax獲取數(shù)據(jù)實(shí)現(xiàn)更新后重新渲染頁(yè)面的方法
- Vue2.X 通過(guò)AJAX動(dòng)態(tài)更新數(shù)據(jù)
- jquery+ajaxform+springboot控件實(shí)現(xiàn)數(shù)據(jù)更新功能
- 利用jQuery及AJAX技術(shù)定時(shí)更新GridView的某一列數(shù)據(jù)
- Ajax異步無(wú)刷新對(duì)局部數(shù)據(jù)更新
- ajax頁(yè)面無(wú)刷新 IE下遭遇Ajax緩存導(dǎo)致數(shù)據(jù)不更新的問(wèn)題
- ajax異步刷新實(shí)現(xiàn)更新數(shù)據(jù)庫(kù)
- ajax更新數(shù)據(jù)后，jquery、jq失效問(wèn)題
- Ajax實(shí)現(xiàn)表格中信息不刷新頁(yè)面進(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à)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-02-02
jQuery在header中設(shè)置請(qǐng)求信息的方法
這篇文章主要介紹了jQuery在header中設(shè)置請(qǐng)求信息的方法,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-03-03
Jquery無(wú)須瀏覽實(shí)現(xiàn)直接下載文件
這篇文章介紹了Jquery無(wú)須瀏覽實(shí)現(xiàn)直接下載文件的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(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+，下面我們就來(lái)詳細(xì)探討下吧。2015-04-04
jQuery實(shí)現(xiàn)可展開合攏的手風(fēng)琴面板菜單
這篇文章主要介紹了jQuery實(shí)現(xiàn)可展開合攏的手風(fēng)琴面板菜單,涉及jQuery中slideUp及slideDown方法的相關(guān)使用技巧,代碼簡(jiǎn)單實(shí)用,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09
jquery中關(guān)于inArray()函數(shù)的詳細(xì)使用說(shuō)明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)證簡(jiǎn)單實(shí)例演示
這篇文章向大家推薦了一個(gè)jquery實(shí)現(xiàn)表單驗(yàn)證簡(jiǎn)單實(shí)例演示，需要的朋友可以參考下2015-11-11