jquery ajax 局部無刷新更新數(shù)據(jù)的實現(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ù)，多個參數(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ù)實現(xiàn)更新后重新渲染頁面的方法
- Vue2.X 通過AJAX動態(tài)更新數(shù)據(jù)
- jquery+ajaxform+springboot控件實現(xiàn)數(shù)據(jù)更新功能
- 利用jQuery及AJAX技術(shù)定時更新GridView的某一列數(shù)據(jù)
- Ajax異步無刷新對局部數(shù)據(jù)更新
- ajax頁面無刷新 IE下遭遇Ajax緩存導(dǎo)致數(shù)據(jù)不更新的問題
- ajax異步刷新實現(xiàn)更新數(shù)據(jù)庫
- ajax更新數(shù)據(jù)后，jquery、jq失效問題
- Ajax實現(xiàn)表格中信息不刷新頁面進行更新數(shù)據(jù)
相關(guān)文章
jquery text()要注意啦 ，大家可以看看。2009-10-10
jquery動態(tài)添加帶有樣式的HTML標簽元素方法
下面小編就為大家分享一篇jquery動態(tài)添加帶有樣式的HTML標簽元素方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
這篇文章主要介紹了jQuery在header中設(shè)置請求信息的方法,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-03-03
這篇文章介紹了Jquery無須瀏覽實現(xiàn)直接下載文件的方法，文中通過示例代碼介紹的非常詳細。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-05-05
這篇文章主要為大家詳細介紹了jQuery插件Validation表單驗證的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-05-05
jQuery插件bxSlider實現(xiàn)響應(yīng)式焦點圖
bxSlider特性1.充分響應(yīng)各種設(shè)備，適應(yīng)各種屏幕；2.支持多種滑動模式，水平、垂直以及淡入淡出效果；3.支持圖片、視頻以及任意html內(nèi)容；4.支持觸摸滑動；5.支持Firefox，Chrome，Safari，iOS，Android，IE7+，下面我們就來詳細探討下吧。2015-04-04
這篇文章主要介紹了jQuery實現(xiàn)可展開合攏的手風琴面板菜單,涉及jQuery中slideUp及slideDown方法的相關(guān)使用技巧,代碼簡單實用,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
jquery中關(guān)于inArray()函數(shù)的詳細使用說明2011-10-10
jquery中的$(document).ready()與window.onload的區(qū)別
瀏覽器執(zhí)行window.onload函數(shù)不僅僅是在構(gòu)建完DOM樹之后, 也是在所有圖像和其他外部資源完整的加載并且在瀏覽器窗口顯示完畢之后.2009-11-11
這篇文章向大家推薦了一個jquery實現(xiàn)表單驗證簡單實例演示，需要的朋友可以參考下2015-11-11