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('對(duì)不起失敗了');
}
})
}
</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異步無刷新對(duì)局部數(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)文章
一個(gè)可綁定數(shù)據(jù)源的jQuery數(shù)據(jù)表格插件
此文將實(shí)現(xiàn)一個(gè)的jQuery表格插件jQuery.DataGrid。需要的朋友可以參考下。2010-07-07jQuery插件HighCharts繪制2D餅圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件HighCharts繪制2D餅圖效果,結(jié)合完整實(shí)例形式分析了jQuery使用HighCharts插件繪制餅圖效果的操作步驟與相關(guān)實(shí)現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03jquery實(shí)現(xiàn)圖片無縫滾動(dòng) 蒙版遮蔽效果
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)圖片無縫滾動(dòng),蒙版遮蔽效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-01-01jquery實(shí)現(xiàn)仿新浪微博帶動(dòng)畫效果彈出層代碼(可關(guān)閉、可拖動(dòng))
這篇文章主要介紹了jquery實(shí)現(xiàn)仿新浪微博帶動(dòng)畫效果彈出層代碼,具有可關(guān)閉及可拖動(dòng)的功能,涉及jQuery針對(duì)鼠標(biāo)事件的響應(yīng)及頁面元素屬性的變換功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10創(chuàng)建公共調(diào)用 jQuery Ajax 帶返回值
請(qǐng)求Ajax 帶返回值,并彈出提示框提醒的實(shí)現(xiàn)代碼,需要的朋友可以參考下2012-08-08