溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

ajax和jQurey如何實(shí)現(xiàn)局部刷新?

發(fā)布時間：2020-06-23 17:10:21 來源：億速云 閱讀：214 作者：清晨 欄目：web開發(fā)

不懂a(chǎn)jax和jQurey如何實(shí)現(xiàn)局部刷新?？其實(shí)想解決這個問題也不難，下面讓小編帶著大家一起學(xué)習(xí)怎么去解決，希望大家閱讀完這篇文章后大所收獲。

1、jQurey使用時需導(dǎo)入jquery-1.4.2.js在web文件夾下

并在寫script時需像如下定義script標(biāo)簽：

<script src="js/jquery-1.4.2.js" type="text/javascript"></script>

2、jQurey的語法：通過$(要選取的元素)

ajax和jQurey如何實(shí)現(xiàn)局部刷新?

定義響應(yīng)ajax的Servlet

String buttonName=request.getParameter("buttonName");
    JSONObject jsObject =null;    //定義一個要返回的的數(shù)據(jù)
    if (buttonName.equals("button_1")){
      jsObject=new JSONObject("{first:\"傻子\",second:\"傻子\",third:\"傻子\"}"); //以鍵值對方式存儲

    }
    if (buttonName.equals("button_2")){
      jsObject=new JSONObject("{first:\"傻女\",second:\"傻女\",third:\"傻女\"}");

    }
    if (buttonName.equals("button_3")){
      jsObject=new JSONObject("{first:\"傻佬\(zhòng)",second:\"傻佬\(zhòng)",third:\"傻佬\(zhòng)"}");

    }
    response.getOutputStream().write(jsObject.toString().getBytes("utf-8")); //通過respon.getOutputStream獲取輸出流 將數(shù)據(jù)傳回jsp頁面
  }

ajax使用形式如下：

$.ajax({
    url:"/AJAX_war_exploded/ClickServlet", //定義需轉(zhuǎn)到的Servlet
    type:"post",　　　　　　　　　　　　　　　　//定義提交的形式
    data:{　　　　　　　　　　　　　　　　　　　//定義要傳遞的數(shù)據(jù)，以鍵值對形式存儲
     buttonName:"button_2"
    },　　　　　　　　　　　　　　　　　　　　　//每個ajax都會讓Servlet回傳一個數(shù)據(jù)
    dataType:"json",　　　　　　　　　　　　　//定義回傳數(shù)據(jù)的類型
    success:function(result){　　　　　　　//ajax收到回傳的數(shù)據(jù)是會觸發(fā)的事件success
     var first=result.first;
     var second=result.second;
     var third=result.third;
     $(".first")[0].innerHTML=first;　　　　//該形式使用了jQuery獲取html元素
     $(".second")[0].innerHTML=second;
     $(".third")[0].innerHTML=third;
    }
   })
  })

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享ajax和jQurey如何實(shí)現(xiàn)局部刷新?內(nèi)容對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，遇到問題就找億速云，詳細(xì)的解決方法等著你來學(xué)習(xí)!

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手